0

Raphael や Fabric のような 2D グラフィックを作成するための JavaScript フレームワークを探しています。どちらの API も気に入っていますが、複合パターンでシーン グラフを作成するオブジェクト指向の方法がありません。

そのようなフレームワークを知っている人はいますか?

複合パターンの意味を明確にするために、swt や swing などの GUI フレームワークで行われるように、ペイントされたオブジェクトをツリーに配置したいと思います (Java3D もこれを使用していると思います)。そこにあなたがいます

  • ペイントされるすべてのオブジェクトの親クラスとしてのコンポーネント。ペイントされるすべてのオブジェクトの共通の動作と属性について説明します。
  • Componentから拡張され、Componentsのリストを含むコンテナ。したがって、コンテナは単一のコンポーネントのように動作し、コンテナに対するすべての操作をそのすべての子コンポーネントに委譲します。

この 2 つのクラスを使用すると、Scene グラフを非常に簡単に作成できます...

このパターンを使用する 2D フレームワークはありますか?

4

1 に答える 1

3

これはイディオム (つまり、言語固有のデザイン パターン) ではないため、JavaScript でも実装できますが、それが必要な理由がわかりません。

一部の JS フレームワーク (またはライブラリ) は、 SceneJS (基本的には3Dエンジンですが) やD3.jsなど、独自のソリューションと構造化されたワークフローを提供し、そのようなパターンを実装する必要がなくなります。

合成パターンがシーングラフの作成にどのように役立つかについて詳しく説明していないため、ここでお手伝いすることはできませんが、そこにいて、物語を語るために生きてきた人々の例を次に示します。

  • Mike Bostock (D3.js の作成者) は、DOM (!) でのキャンバス シーングラフの POC を作成しました。興味深いと思われるかもしれません。
  • JSter ブログには、 「EaselJSをAtelierJSで補完する」ことを提案する投稿があります(AtelierJS は、実際には自身を「CreateJS のシーン管理モジュール」と呼んでいます)。
  • また、Paper.jsがシーングラフをコア機能として実装していることもその投稿で言及されているので、一見の価値があります (実際、それはまさにあなたが求めているものかもしれません)。
  • また、 「HTML5 キャンバス タグ用の JavaScript シーン グラフ ライブラリ」と言われているCakeJSもチェックしてください。
于 2013-08-22T23:07:57.170 に答える