私はHTML5を使いたいという単純なコンセプトを持っていますが、Javascriptで書かれたキャンバスとモデルビューアに関しては初心者です。私はデスクランプの3Dモデルを持っていて、マウスの動きに合わせてランプの頭部だけを回転させたいと思います。これはCSS3 box shadow effectという意味ですが、Mayaで3Dモデルを作成して、HTML5をロードしてカーソルの操作にJavascriptを使用したいと考えています。私は3D属性を保持するためにランプの頭の部分が必要です、私はベースのためのpngを使用することができます。私はこれが理にかなったことを願っています。通常はフラッシュを使用しますが、可能であればHTML5でこれを行いたいと思います。 3はそのお手伝いをしませんHTML5キャンバス要素とJavascriptで3Dモデルをロード
答えて
CSSは、あなたが「プラグインを使用せずに任意の互換性のあるWebブラウザ内でインタラクティブな3DグラフィックスをレンダリングするためのJavaScript API」
でのWebGLを使用する必要がありますように聞こえます私はあなたがthree.jsでそれを行うことができ、あまりにもWebGLのために新しいです
逆に、私はすぐにオープンソーシングを計画している3D CSSエンジンを持っています。それはOPを助けるではない、私はちょうどあなたのコメントは驚くほど関連性が見つかりました:) –
何ができるの3D CSSエンジン? 3Dオブジェクトのモデリング? –
.objと.mtlファイルから直接。 –
(「test if your browser supports WebGL site」もあります)wikipedia articleとofficial siteを試してみてください。 Blenderを使用している場合、モデルをjsonファイルに変換するコンバータスクリプトがあります。
次に、jsonファイルをthree.jsのjsonローダーを使用してキャンバスに読み込むことができます。私はこれらのリンクがjsonモデルを読み込むのに便利だと分かった。 https://code.google.com/p/jsc3d/
引用: ..JSC3Dは、2Dキャンバスを使用してレンダリング純粋なJavascriptのソフトウェア上に構築されているhttp://mrdoob.github.com/three.js/examples/canvas_materials_reflection.html
でjsc3d試してみてください - それは
http://dev.opera.com/articles/view/porting-3d-graphics-to-the-web-webgl-intro-part-2/
チェックアウトこの例のソースがお役に立てば幸いです技術だけでなく、より効率的なレンダリングを提供するオプションのWebGLバックエンド...
- 1. JavaScript/HTML5で3Dモデルを表示
- 2. HTML5キャンバス要素をオブジェクトとして
- 3. html5キャンバス要素の印刷
- 4. HTML5キャンバス要素内のSVG
- 5. HTML5キャンバスでアナグリフ3Dイメージを作成
- 6. HTML5キャンバス、テキスト、JavaScript
- 7. (HTML5キャンバス/ Javascriptの)
- 8. Html5キャンバスJavascriptライブラリ?
- 9. OpenGLプログラムで3Dモデルをロード
- 10. HTML5キャンバス要素のスクロール検証
- 11. キャンバスにテクスチャを持つ3D球形(HTML5)
- 12. DjangoでPILイメージにhtml5キャンバスをロード
- 13. JavaScriptの3Dモデル
- 14. jsとhtml5キャンバス要素を使用した放射状チャート
- 15. HTML5キャンバスのための最も進んだJavascript 3Dライブラリは何ですか
- 16. HTML5キャンバスとbubble.js
- 17. Javascript - 要素のhtmlでテンプレートをロード
- 18. HTML5キャンバス(動画)要素を細かく分割する
- 19. HTML5キャンバス要素を説明する良いスクリーンキャストソース
- 20. ファイルにhtml5キャンバス要素を保存する(ローカル)
- 21. Html5キャンバス要素の色の深度を変更
- 22. HTML5キャンバス要素を使用した四角形のグラデーション
- 23. HTML5 JavaScriptキャンバスでの発射運動シミュレーション
- 24. html5キャンバスのキャンバス
- 25. Qtに3Dモデルをロードするレンダリングエンジン
- 26. 3D世界のGPSデータをJavascriptとhtml5で表示
- 27. HTML5キャンバスと光源
- 28. HTML5キャンバスと操作
- 29. html5キャンバスとemberjsビュー
- 30. キャンバスHTML5とjQuery、コンテンツ
チェックアウト[three.js](https://github.com/mrdoob/three.js/) –
パーフェクト、これは私が必要とするものです。誰かがJSONモデルをthree.jsでロードする方法についていくつかの光を当てることができますか?ありがとう! – dcd018