問題タブ [buffer-geometry]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
three.js - ThreeJS: Line で BufferGeometry を使用する
BufferGeometry
パフォーマンス上の理由から、ではなく に移行したいと考えていGeometry
ます。オブジェクトに対してはうまく機能Mesh
しますが、 a のジオメトリを aに設定すると、BufferGeometryにはない Vector3 配列が必要になります。ParticleSystem
Line
BufferGeometry
initLineBuffer()
geometry.vertices
コール スタック: render --> initWebGLObjects --> addObject --> initLineBuffers
これに対する簡単な解決策はありますか、それともハッキングする必要がありますか? ;)
javascript - BufferGeometry 面のマテリアル
BufferGeometry を使用する場合、面にマテリアルを割り当てるにはどうすればよいですか?
同じ情報を含む配列のようなものはありFace#materialIndex
ますか?
javascript - BufferGeometry を使用した Face4
三角形の代わりに四角形を BufferGeometry に入れることは可能ですか?
もしそうなら、どのように?ソースコードを見てみましたが、特に何もないようです。属性から numItems 値を単純に変更しようとすると、次のように表示されます。
javascript - Three.js: BufferGeometry を使用した Line 上の Raycast 交差
ライン上での R59 レイキャスティングが可能であり、完璧に機能します。マウスオーバーでツールチップを表示しています。
THREE.Geometry
データの増加によりパフォーマンスの問題が発生したため、 からに切り替えることにしましたTHREE.BufferGeometry
。レイキャスティングの代わりにすべてが正常に機能します....マウスオーバーでエラーや何かが発生することはありません。実際には何も起こりません!
で構築されたライン上でレイキャスティングを交差させることはできませんTHREE.BufferGeometry
か?
javascript - BufferGeometry に基づく Three.js メッシュが表示されない
私は Three.js を使用して WebGL ゲームに取り組んでおりTHREE.BufferGeometry
、(動作中の) 通常のTHREE.Geometry
ソリューションから実装に切り替えることにしました。メッシュが描画されないため、何かを台無しにしています。コードの関連部分を以下に示します。通常のジオメトリに切り替えると、すべて正常に動作します。
これはボクセル ベースのゲームで、各立方体の各面を通常の として事前に作成しましたTHREE.Geometry
。このpositionVertices
関数は、各面のジオメトリから頂点と面を取得し、それらがボクセルに対応するように配置して、 のバッファ データを生成しTHREE.BufferGeometry
ます。エラーや警告はなく、最終的なメッシュは表示されません。私の問題は、Three.js とはあまり関係がなく、3D グラフィックス プログラミングの理解が限られていることに関係しているのではないかと思います。今の私の最善の推測は、インデックスが正しくないことに関係があるということです。インデックスを削除すると、オブジェクトが表示されますが、三角形の半分は法線が反対方向を向いています。