1 に答える
これを読んでくださいhttp://www.songho.ca/opengl/gl_matrix.html それはほとんどすべてを説明し、実装があります。
CSS 3Dソリューションのパフォーマンスが低下する(桁違い)ことに加えて、主に表現されたサーフェスの各部分がDOM要素であるため、非常に制限されています。この問題に関する多数の資料を見つけることができます(たとえば、Google IOレコード)。
宣言型の3Dフレームワークが必要な場合は、x3domを検討することをお勧めします
3Dボックスを描画するには、x3dom jsスクリプトを含め、この宣言をページに埋め込む必要があります。
<body>
<h1>Hello X3DOM World</h1>
<x3d width="400" height="300">
<scene>
<shape>
<box></box>
</shape>
</scene>
</x3d>
</body>
ページ上の<x3d>タグを解析し、適切なWebGLまたはFlashの実装を優れたパフォーマンスで生成します。
x3dには、Blender、Maya、3dsMaxからアセットをインポートする方法があります。ここにいくつかの良い読み物があります:x3domIntroTutorial.pdf
IE 11はWebGLをサポートし、IE10はIE 11に自動更新されるため、サポートされていないデスクトップブラウザー(デフォルトでは無効)のみがSafariになります。Appleはデフォルトでそれを有効にすることを余儀なくされます。完全なデスクトップサポートがあれば、競争の激しい市場であるため、完全なモバイルを手に入れるのにそれほど時間はかかりません。そして、three.jsのようなアクセス性の高いWebGLフレームワークがあります。したがって、CSS3Dでそれを行う意味はありません
更新:iOS 8 SafariはデフォルトでWebGLサポートを有効にします:http://caniuse.com/webgl