I'm attempting to recreate a similar effect found at , but with a twist. Instead of just particles, I want them arranged in a way that resembles the Earth - like a textured face.
After examining their code, here is how they set up the particles group:
var map = THREE.ImageUtils.loadTexture('/admin/wp-content/themes/hys/assets/img/particle.png');
var m = new THREE.ParticleSystemMaterial({
color: 0x000000,
size: 1.5,
map: map,
//blending: THREE.AdditiveBlending,
depthTest: false,
transparent: true
});
var p = new THREE.ParticleSystem(g, m);
scene.add(p);
While this setup works well, I am unsure on how to position the particles along a sphere to create the planet-like effect. In a 2D context, I would use pixel scanning and image coordinates for positioning, but translating this to a 3D environment poses a challenge...
Any guidance or suggestions are greatly appreciated!