問題タブ [objloader]

オンライン 3D エディターから .json をエクスポートし、それを読み込んで、この例のように 20 のバージョンをインスタンス化しようとしています。私のコードには欠陥があり、実際には 20 のバージョンすべてが同じオブジェクトのように動作しています。指定された x、z 座標の個別のオブジェクトとしてシーンに追加されない理由がわかりません。

最後のコンソール ログは次のように返されます。

インポートされた obj のすべての頂点を取得しようとしています。これが私のコードです：

私は 3 か月以上 webGL に取り組んできましたが、以前は OBJMTLLoader.js を使用して簡単にレンダリングでき.objまし.mtlた。しかし、今では正しくレンダリングされていません。ファイルではなく、レンダリング.objファイルのみ.mtlです。

そこで、Web を検索したところ、OBJMTLLoader.js が使用されなくなっていることがわかりました。代わりに、MTLLoader.js と OBJLoader.js を使用します。

コードは次のようになります。

現在、このコードはエラーを出していません。この警告を出しています

なぜこれが起こっているのか知りたいのですが、これに対する解決策はありますか? OES_texture_float_linear拡張機能を使用する必要がない場合、または同じ代替手段を見つけるにはどうすればよいですか?

私はThree JSの初心者ですが、その基本は知っています。

現在、ThreeJS の MTL と OBJLoader を使用したコードで次の問題が発生しています。オブジェクト自体は完全に読み込まれ、シーンにレンダリングされます。ただし、問題はオブジェクトがシーンに追加された後です。次のエラーが発生します。

そして、シーンにカーソルを合わせるたびに新しいエラーが発生します。

基本的に、これによりアプリケーション全体がフリーズし、アプリケーションの実行中にシーンに新しいオブジェクトを追加できなくなります。これは、アプリケーションで実行できるはずです。

私の OBJ+MTLLoader は次のようになります。

私は OBJLoader のみを使用しようとしましたが、問題は発生しませんでした。これは、MTLLoader の使用時に何か問題があるという私の疑問を裏付けています。

これは、これまたは他の多くの質問と非常に似ているため、重複した質問のように思えるかもしれませんが、私が見た投稿のどれも、問題がどこにあるのかを理解するのに本当に役立ちませんでした (確かに、それは私です;) ...)、したがって、私は本当に夢中になるので、あえてここに投稿します。

さて、私はAngular CLIで生成されたAngular2のプロジェクトに取り組んでいます(バックエンドタスクやトラフィックはなく、現時点ではHTML + CSS + JSファイルのみ...すべて最新のものです)。npm を介して Three.js と three-obj-loader をインポートし、コンポーネントで次のように宣言しました。

ライトとシェードを使用して任意の形状を描画できますが、外部の .obj ファイルからメッシュをロードできません。次のような多くのバリエーションを試しました。

理由はわかりませんが、ファイルから obj を読み込もうとすると、コンソール エラーが発生します。

キャンバスは空です。エラーは、ここからインストールした「three-obj-loader」モジュールの 49 行目を参照しています。言及されているそのサードパーティコードの部分は次のとおりです。

関連するかどうかはわかりませんが、プレーンな JS ソース ファイルのみを使用して、これらのモジュールの特別な型をインストールしたり宣言したりしませんでした。また、ファイルローダーをインストールしていません。

注:ここから OBJLoader2 を実装しようとしましたが、同じ結果が得られました。

アドバイスありがとうございます。

ベストk