Three.js Particle Dodge-em-up with Repulsion
From Wikiprompt, the free prompt encyclopedia
Three.js Particle Dodge-em-up with Repulsion A technical prompt for building an interactive particle system in Three.js with mouse repulsion and glow effects.
Prompt ContentSave
🌐
Create a Three.js scene featuring a Points system with 15,000 particles. Use a custom ShaderMaterial for a glow effect. Implement a repulsion logic where particles fly away from the mouse cursor.
JavaScript
// Core repulsion math
let dist = particlePos.distanceTo(mousePos);
if (dist < 5) {
direction.subVectors(particlePos, mousePos).normalize();
particlePos.addScaledVector(direction, 0.2);
}
Include a BloomPass for post-processing and ensure 60FPS performance via
Sign in to see the full prompt
Continue with:
By logging in, you agree to our Terms of Use and Privacy Policy
Usage
This prompt is designed for use with coding. Copy the prompt content above and paste it into your preferred AI tool.
For best results, you may customize the placeholders (indicated by square brackets or capital letters) with your specific requirements.
Talk
0 comments