mieki256's diary

three.js でビルボード相当を実現する方法についてググってるけど、どうもよく分からず。

テクスチャ種類、ポリゴンサイズが同じものを大量に描画したいだけなら、THREE.Points() を使えばできるらしい。 _ three.js webgl - particles - billboards というサンプルが、THREE.Points() を使って実現しているので、それを参考にすればいい。

ちなみに、 _three.js / examples の左上の検索欄に「billboard」と打てば、関係ありそうなサンプルが表示される。

ただ、自分の場合、テクスチャ種類は数種類、ポリゴンサイズはてんでバラバラにしたいわけで…。そういう場合は何を使えばいいのやら。

ググっていたら、THREE.PlaneGeometry() なる、矩形を1枚作れる機能(?)があると知った。コレを使うべきなのかな…。ただ、サンプルを見ると、scene に直接 add してるのが若干気になる…。