violet0sea / note

can not open gist, so write here
0 stars 0 forks source link

Three里可以实现的粒子效果 #8

Open violet0sea opened 7 years ago

violet0sea commented 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);