Open violet0sea opened 7 years ago
在Three里面可以使用两种方法实现粒子效果: 1.Points粒子系统 可以使用Three里自带的几何体,这些集合体对象已经封装好了顶点信息,所以可以直接使用THREE.Points()方法生成基于该几何体的粒子点集合;另外一种是通过3D建模工具(Blender)导出带有定点信息的对象。 const geometry = new THREE.SphereGeometry(50, 50, 50); const material = new THREE.PointsMaterial({ size: 1 }); mesh = new THREE.Points(geometry, material); scene.add(mesh); 2.Sprite粒子系统 也可以使用THREE.Sprite()方法生成粒子点 for(var i = -100; i < 100; i++) { var spirteMaterial = new THREE.SpriteMaterial({ map: texture }); var spirte = new THREE.Sprite(spirteMaterial); spirte.position.set(i,Math.sin(0.3 * i) * 10,0); group.add(spirte); } scene.add(group);
const geometry = new THREE.SphereGeometry(50, 50, 50); const material = new THREE.PointsMaterial({ size: 1 }); mesh = new THREE.Points(geometry, material); scene.add(mesh);
for(var i = -100; i < 100; i++) { var spirteMaterial = new THREE.SpriteMaterial({ map: texture }); var spirte = new THREE.Sprite(spirteMaterial); spirte.position.set(i,Math.sin(0.3 * i) * 10,0); group.add(spirte); } scene.add(group);
在Three里面可以使用两种方法实现粒子效果: 1.Points粒子系统 可以使用Three里自带的几何体,这些集合体对象已经封装好了顶点信息,所以可以直接使用THREE.Points()方法生成基于该几何体的粒子点集合;另外一种是通过3D建模工具(Blender)导出带有定点信息的对象。
const geometry = new THREE.SphereGeometry(50, 50, 50); const material = new THREE.PointsMaterial({ size: 1 }); mesh = new THREE.Points(geometry, material); scene.add(mesh);
2.Sprite粒子系统 也可以使用THREE.Sprite()方法生成粒子点for(var i = -100; i < 100; i++) { var spirteMaterial = new THREE.SpriteMaterial({ map: texture }); var spirte = new THREE.Sprite(spirteMaterial); spirte.position.set(i,Math.sin(0.3 * i) * 10,0); group.add(spirte); } scene.add(group);