Object 使用(可能)processing.js使某些对象改变或移动的悬停效果?

Object 使用(可能)processing.js使某些对象改变或移动的悬停效果?,object,menu,hover,effect,processing.js,Object,Menu,Hover,Effect,Processing.js,我花了整整一个晚上来弄清楚悬停在这个网站上的效果如何。但我还是不能得到它。起初我认为它是flash制作的,而不是html5,但最后我发现它使用processing.js可能是错误的。我检查了他们的网站,但我不知道怎么做 所有我想知道的是如何使悬停效果的一个对象,例如菜单,将使一些其他对象,例如标志改变或移动。我正在寻找的完美例子如下: 如果您有任何关于网络手册的帮助或提示,我们将不胜感激。谢谢大家! 这是一个通用的面向对象编程问题,有一个通用的面向对象答案。在通用处理代码中: ArrayList

我花了整整一个晚上来弄清楚悬停在这个网站上的效果如何。但我还是不能得到它。起初我认为它是flash制作的,而不是html5,但最后我发现它使用processing.js可能是错误的。我检查了他们的网站,但我不知道怎么做

所有我想知道的是如何使悬停效果的一个对象,例如菜单,将使一些其他对象,例如标志改变或移动。我正在寻找的完美例子如下:


如果您有任何关于网络手册的帮助或提示,我们将不胜感激。谢谢大家!

这是一个通用的面向对象编程问题,有一个通用的面向对象答案。在通用处理代码中:

ArrayList<Drawable> things;

...

void somePlacementFunction() {
  ...
  things.add(new Drawable(<some parameters>));
  ... 
}

...

void draw() {
  for(Drawable things: things) {
    thing.draw();
  }
}

...

void mouseMoved() {
  for(Drawable thing: things) {
    if(thing.over(mouseX, mouseY)) {
      Drawable differentThing = getOtherThing(...);
      differentThing.changeSomePropertyThatAffectsHowItGetsDrawn();
    }
  }
}
在这种特定的情况下,处理代码是,页面上的JS会在第162行和第162行触发它