iPhone 4 で使用する phonegap アプリで非常にシンプルな 3D モデル ビューアを作成しようとしています。単純な Web サイトを作成するときに正常に動作する three.js を使用しています。問題は、電話で試してみると、3D オブジェクトが表示されないことです。立方体や円柱などの単純な幾何学的形状はキャンバスに読み込まれますが、obj ファイルは読み込まれません。
objLoader を使用して .obj ファイルを取り込み、関連するすべてのファイルをアプリ内の同じディレクトリに配置します。iOS で webGL を使用すると問題が発生する可能性があると思いますが、よくわかりません。
どうもありがとうございました。iOS で表示するモデル ビューアを phonegap で構築するための提案があれば、喜んでお聞きします。
iPhone用にパッケージ化する場合はXDK Intelを使用し、Android用にAIDE Phonegapを使用することをお勧めします。var renderer = new THREE.CanvasRenderer();BB Playbook と BB 10 を除くほとんどのデバイスでサポートされていないため、WebGL に関係するもののみを使用し、使用しないようにしてください。
現時点でWebGL をサポートするモバイル ブラウザーはほとんどないため、キャンバスを使用して 3D モデルをレンダリングすることにしました。JSC3Dというシンプルな Web 3D オブジェクト ビューアーを使用して、iOS 上の PhoneGap でモデル ビューアーを作成しました。webGL を使用できますが、2D キャンバスを使用してレンダリングを行いました。
iPhone 4 でアプリをテストした結果、モデルの読み込みに 2 ～ 5 秒かかり、オブジェクトを回転させると、複雑さに応じて再描画に時間がかかりました。最も満足のいく結果ではありませんが、それは仕事をしました. Android のより高度な携帯電話で試して、結果をお知らせします。