0

自分がやりたいことが可能かどうか、可能であればどうすればよいかを理解するのに苦労しています。

私は3つのグループに分類されたたくさんの形を持っています。これら 3 つのグループのうちの 1 つには、アニメーションによって位置が更新されたオブジェクトが含まれています。また、すべてのグループ/オブジェクトをドラッグできるようにしようとしています (互いに対する相対的な位置は同じままにする必要があるため、現在は、それらが含まれているレイヤーをドラッグ可能に設定するだけです)。

問題は、アニメーションがすべてのオブジェクトを含むレイヤー全体を再描画する必要があることです。動いていないたくさんの図形を再描画する必要はないように思われるので、1 つのグループ内のオブジェクトだけをアニメーション化したいと思います。しかし、方法がわかりません。

私が扱っている構造の一般的な例:

            Stage
              |
            Layer
              |
   +----------+----------+
   |          |          |
Group 1    Group 2    Group 3

グループ 1 をアニメートする必要があります。3 つのグループはすべてドラッグ可能である必要があります。グループ 1 をレイヤーに入れてから、そのレイヤーを親レイヤーに追加しようとしましたが、うまくいかないようです。

非常に大まかな例: http://jsfiddle.net/UTcaL/

4

1 に答える 1

0

代わりにこれを行う必要があります:

        Stage
          | 
   +------+------+
   |      |      |
 Layer  Layer   Layer
   |
 shapes

KineticJS の優れた点の 1 つは、必要な数のレイヤーを作成し、再描画の頻度に基づいてさまざまなレイヤーにグループ化できることです。

于 2013-03-21T03:29:57.903 に答える