Function createParticleSystem

geometry.js:629–673

()

// --- PARTICLE SYSTEM ---
function createParticleSystem() {
    const geometry = new THREE.BufferGeometry();
    const positions = new Float32Array(params.particleCount * 3);
    const colors = new Float32Array(params.particleCount * 3);
    const sizes = new Float32Array(params.particleCount);

    const initialPattern = patterns[0];
    const initialPalette = colorPalettes[0];

    for (let i = 0; i < params.particleCount; i++) {

    const pos = initialPattern(i, params.particleCount);
    positions[i * 3] = pos.x;
    positions[i * 3 + 1] = pos.y;
    positions[i * 3 + 2] = pos.z;

    const baseColor = initialPalette[0];
    const variation = 1.0; // Add variation

    colors[i * 3] = baseColor.r * variation;
    colors[i * 3 + 1] = baseColor.g * variation;
    colors[i * 3 + 2] = baseColor.b * variation;

    sizes[i] = 1.0; // Assign individual size variation
    }

    geometry.setAttribute('position', new THREE.BufferAttribute(positions, 3));
    geometry.setAttribute('color', new THREE.BufferAttribute(colors, 3));
    geometry.setAttribute('size', new THREE.BufferAttribute(sizes, 1)); // Store base sizes
    geometry.userData.currentColors = new Float32Array(colors); // Store initial colors for transitions

    const material = new THREE.PointsMaterial({
    size: params.particleSize,
    vertexColors: true,
    transparent: true,
    opacity: 0.5,
    blending: THREE.AdditiveBlending,
    sizeAttenuation: true, // Make distant particles smaller

    //map: createParticleTexture()
    // depthWrite: false // Often needed with AdditiveBlending if particles overlap strangely
    });
    return new THREE.Points(geometry, material);

}