JavaScript を使用して 3D 多面体をモデル化する

Question

モデル化する JavaScript ライブラリはありますか 3D多面体 Canvas タグまたは SVG を使用しますか?のレンダリングを生成したいとします。 プラトン立体, 、どうすればこれを達成するのが最善でしょうか？FWIW、私は Safari や Chrome などの WebKit ベースの Web ブラウザーのみに関心があります。

レンダリング方法のクールなデモを見ました 3D 三角形, ですが、これを任意の数の辺を持つ多面体に拡張するにはどうすればよいでしょうか?

Answer 1

このライブラリを見てみましょう： SVG-VML-3D の

これは、SVGを使用し、MSIEに戻っVMLに落ちます。 彼らはプラトニックな固体とデモを持っています。私は便利なのWebkitブラウザを持っているが、それはそこにも動作するはずと推測しません。

Answer 2

あなたの質問に対する直接の答えではありませんが、WebKit のみについて言及しているのを見て、新しい点を指摘しておこうと思いました。 3D CSS 変換 かなり最近 Webkit に追加されたサポートです。これにより、JavaScript を使用せずにやりたいことを実行できるようになります。3D 多面体の例は見たことがありませんが、立方体などの例は存在します - たとえば ここ.

もう少し複雑なデモがあります ここ 長方形のリングがあります。実際に何ができるかについては (アニメーションに Javascript を使用しますが)、以下を参照してください。 雪の山 デモ。

Answer 3

ほとんどの3Dライブラリは、三角形を一般化します。あなたが3つの以上の辺を持つ多角形をしたい場合は、三角形にそれを細分化し、それらの三角形を描きます。あなただけの正多面体に興味があるなら、あなたは、あなたが簡単に最初の各面の頂点を平均化することにより、各顔のtriangluationを得ることができるので、とても簡単時間を持つことになる、とそのセンターを使用して、隣接する2していますあなたの三角化を与えるために、顔の頂点。