懸停效果，使一些對象改變或移動，使用（也許）processing.js？

Question

我花了整晚的時間來弄清楚懸浮對這個網站http://goo.gl/WXlGT的作用。但我仍然不能得到它。起初我認爲它在閃光燈，比我認爲它的HTML5，但最終我發現它的使用processing.js（我可能是錯的）。我查了他們的網站，但我不知道該怎麼做。

所有我想知道的是如何使一個對象（例如菜單）的懸停效果，使一些其他對象（例如徽標）更改或移動。我在找什麼的完美例子在這裏：http://goo.gl/I777F。

任何幫助或提示網上的一些手冊將不勝感激。謝謝！

Answer 1

這是一個面向對象的通用編程問題，帶有一個面向對象的通用答案。在通用的處理代碼：

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(); 
    } 
    } 
} 

在此特定情況下，處理代碼是http://labfiftyfive.com/res/mathsbaby2.pde和對網頁JS觸發它作爲http://labfiftyfive.com/js/main.js線162和上。