見出し画像

🎡バッファジオメトリからのglTF ジオメトリとメッシュの違い three.js Three.jsはとにかくglTF推し

https://youtu.be/_Fqeifb4pVA

BufferGeometry BufferAttribute

メッシュ、ライン、またはポイントジオメトリの表現。頂点の位置、面のインデックス、法線、カラー、UV、およびカスタム属性がバッファ内に含まれており、これらすべてのデータをGPUに渡すコストを削減します。
BufferGeometry アトリビュートのデータを読み込んだり編集するには、BufferAttribute のドキュメントを参照してください。

https://threejs.org/docs/#api/en/core/BufferGeometry

データは(itemSize で定義される)任意の長さのベクトルとして保存され、一般に、以下に概要を示すメソッドでは、インデックスを渡すと、これが自動的にベクトルの長さに掛けられます。

NOTICE: Three.js JSONフォーマット用のBlenderエクスポーターは、glTFワークフローのサポート向上に注力するために削除されました。推奨される代替手段については、3Dモデルの読み込みを参照してください。Three.jsのObject/Scene JSONフォーマットは、Object3D.toJSON、Editor、THREE.ObjectLoaderでの使用が完全にサポートされています。
どうしてもBlender Exporterが必要な場合は、過去にさかのぼってr92にすることができます

3Dモデルは何百ものファイル形式で提供されており、それぞれが異なる目的、様々な機能、様々な複雑さを持っています。three.jsには多くのローダーが用意されていますが、適切なフォーマットとワークフローを選択することで、後々の時間とフラストレーションを軽減することができます。フォーマットの中には、扱いが難しかったり、リアルタイムに使用するには効率が悪かったり、現時点では完全にサポートされていないものもあります。
このガイドでは、多くのユーザーに推奨されるワークフローと、期待通りにいかない場合に試すべきことを提案します。

Three.jsはとにかくglTF推し

Three.jsは)可能であれば、glTF(GL Transmission Format)の使用をお勧めします。このフォーマットは、.GLBと.GLTFの両方がサポートされています。glTFはランタイム・アセットの配信に重点を置いているため、送信がコンパクトで、読み込みも速いのが特徴です。機能としては、メッシュ、マテリアル、テクスチャー、スキン、スケルトン、モーフターゲット、アニメーション、ライト、カメラなどがあります。

https://amzn.to/3RaOHU7


お願い致します