我有一个工作的threejs示例,其中使用程序函数通过画布将粒子渲染到球形对象上,如下所示:
var material = new THREE.ParticleCanvasMaterial( {
color: 0xffffff,
program: function ( context ) {
context.beginPath();
context.arc( 0, 0, 1, 0, PI2, true );
context.closePath();
context.fill();
}
} );
for ( var i = 0; i < 1000; i ++ ) {
particle = new THREE.Particle( material );
particle.position.x = Math.random() * 2 - 1;
particle.position.y = Math.random() * 2 - 1;
particle.position.z = Math.random() * 2 - 1;
particle.position.normalize();
particle.position.multiplyScalar( Math.random() * 10 + 600 );
initParticle( particle, i * 10 );
scene.add( particle );
}
但是,我想切换到 webGL 渲染器以使事情运行得更快一点,但它没有程序选项。似乎我可能需要使用地图,但我不确定如何。任何人都对如何调整此代码以使用 webGL 渲染器完成相同的事情有任何想法。