1

このサイトhttp://goo.gl/WXlGTでホバー効果がどのように機能するかを理解するために一晩中過ごしました。しかし、私はまだそれを得ることができません。最初は、html5 だと思っていたよりもフラッシュで作成されていると思っていましたが、最終的にはprocessing.jsを使用していることがわかりました(私は間違っている可能性があります)。私は彼らのサイトをチェックしましたが、それを行う方法がわかりません。

私が知りたいのは、他のオブジェクト (ロゴなど) を変更または移動させる 1 つのオブジェクト (メニューなど) のホバー効果を作成する方法です。私が探しているものの完璧な例はここにあります: http://goo.gl/I777F .

ウェブ上のマニュアルのヘルプやヒントをいただければ幸いです。ありがとうございました！

4

1 に答える 1

0

これは一般的なオブジェクト指向プログラミングの質問であり、一般的なオブジェクト指向の答えがあります。一般的な処理コード:

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 以降としてそれをトリガーします。

于 2013-01-23T18:48:13.160 に答える