Optimized for: Gemini / ChatGPT / Claude
Advanced AI Prompt for Audio-Reactive Three.js Particle Systems
Use this engineered prompt to drastically optimize your workflow and output.
Required Variables
- ✦
[PARTICLE_COUNT] - ✦
[AUDIO_SOURCE] - ✦
[COLOR_PALETTE] - ✦
[REACTIVE_BEHAVIOR]
audio-reactive-threejs-particle-system.txt
Act as a Senior Creative Technologist. Architect a Three.js script for an audio-reactive particle system background. Use a BufferGeometry approach to manage [PARTICLE_COUNT] particles. Integrate the Web Audio API to analyze [AUDIO_SOURCE] and map frequency data to [REACTIVE_BEHAVIOR]. The visual style must follow a [COLOR_PALETTE] scheme. Implement custom GLSL shaders to handle particle displacement on the GPU for maximum performance. Provide the full scene setup, including the AnalyserNode and the animate loop where data is passed as uniforms to the shader.
Example Output
"The AI will generate a comprehensive JavaScript file containing a Three.js class that initializes a frequency-mapped particle field with custom vertex and fragment shaders."