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

Question

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

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

Answer 1

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

SVG を使用し、MSIE で VML にフォールバックします。プラトン立体のデモがあります。手元に Webkit ブラウザーはありませんが、そこでも動作するはずです。

Answer 2

あなたの質問に対する直接的な回答ではありませんが、あなたが WebKit のみに言及したように、最近 Webkit に追加された新しい3D CSS Transformサポートを指摘したいと思いました。これにより、Javascript を使用せずに、必要なことを行うことができます。3D 多面体の例は見たことがありませんが、立方体などの例があります。

ここには、長方形の輪を持つもう少し複雑なデモがあります。何ができるかを実際に体験するには (ただし、これはアニメーションに Javascript を使用します) - Snow Stackのデモを参照してください。

Answer 3

ほとんどの 3D ライブラリは、三角形を一般化しています。3 つ以上の辺を持つ多角形が必要な場合は、それを三角形に分割し、それらの三角形を描画します。正多面体だけに興味がある場合は、最初に各面の頂点を平均し、次にその中心と隣接する 2 つの頂点を使用して、各面の三角形分割を簡単に取得できるため、非常に簡単に時間を過ごすことができます。三角形化を行うための面の頂点。