パーティクルを生成する
最終更新：ID:JnciRs+4KQ 2014年12月03日(水) 01:21:26履歴
jThreeの基本機能ではパーティクルをサポートしていません。
そこでthree.jsの機能でパーティクルを生成してjThreeの3次元空間に挿入する方法を紹介します。
基礎知識として以下のページも読んでおいてください。
パーティクルを生成してjThreeのsceneタグに挿入する
three.jsによるパーティクル生成方法の詳細は他のサイトを参考にしてください。
そこでthree.jsの機能でパーティクルを生成してjThreeの3次元空間に挿入する方法を紹介します。
基礎知識として以下のページも読んでおいてください。
パーティクルを生成してjThreeのsceneタグに挿入する 
three.jsによるパーティクル生成方法の詳細は他のサイトを参考にしてください。
var geo = new THREE.Geometry;
for ( var i = 0; i < 10000; i++ ) {
geo.vertices.push( new THREE.Vector3( Math.random() * 100 - 50, Math.random() * 100 - 50, Math.random() * 100 - 50 ) );
}
var mtl = new THREE.ParticleSystemMaterial({color: "#f00"});
var particle = new THREE.ParticleSystem( geo, mtl );
j3( "scene" ).three( 0 ).add( particle );
コメントをかく