キャンバスに EaselJS Shapes があり、ティックごとに Graphics の描画を開始します。現在、図形の上にグラフィックが描画されています。シェイプが各フレームのグラフィックス上に描画されるように z-index を定義する方法はありますか?
どんな助けでも大歓迎です。
キャンバスに EaselJS Shapes があり、ティックごとに Graphics の描画を開始します。現在、図形の上にグラフィックが描画されています。シェイプが各フレームのグラフィックス上に描画されるように z-index を定義する方法はありますか?
どんな助けでも大歓迎です。
Canvas APIには、組み込みのシーングラフはありません。何かが描かれると、それが描かれたという事実は忘れられ、キャンバスに結び付けられたオブジェクトの参照はありません。これは、オブジェクトが変更された場合、キャンバス全体を再描画する必要がある可能性があることを意味します。
したがって、ShapeオブジェクトをGraphicsオブジェクトの上に描画する必要がある場合は、Shapeを描画する前にGraphicsを描画するだけです。グラフィックを再描画するたびに、シェイプを再描画する必要があります。
シェイプとグラフィックスの両方をコンテナに入れ、コンテナのインデックスを使用してオブジェクトのレンダリング順序を制御することもできます。
編集:@stotの回答で指摘されているように、ステージ自体を使用して子インデックスを管理できることがわかりました。これは、StageがContainerクラスを拡張し、そのクラスのメソッドを継承するためです。