Optimized for: Gemini / ChatGPT / Claude
Advanced AI Prompt for Three.js Text-to-Particle Hero Backgrounds
Use this engineered prompt to drastically optimize your workflow and output.
Required Variables
- ✦
[HERO_TEXT] - ✦
[FONT_PATH] - ✦
[EXPLOSION_FORCE] - ✦
[RETURN_SPEED]
text-to-particle-threejs-hero.txt
Act as a UI/UX Motion Designer. Create a Three.js interactive hero background where [HERO_TEXT] is rendered as a particle field. Load a typeface from [FONT_PATH] and use FontLoader to generate a point cloud. Implement a 'hover-to-disperse' effect where mouse movement applies an [EXPLOSION_FORCE] to nearby particles. Particles must automatically migrate back to their original text coordinates with a [RETURN_SPEED] factor. Use a lerping algorithm for smooth restoration of the original geometry.
Example Output
"The AI will output a Three.js scene utilizing FontLoader and a custom particle class that handles 'home' positions and 'current' positions for each point."