Optimized for: Gemini / ChatGPT / Claude
Advanced AI Prompt for Three.js Bokeh Depth-of-Field Particles
Use this engineered prompt to drastically optimize your workflow and output.
Required Variables
- ✦
[PARTICLE_TEXTURE] - ✦
[BLUR_STRENGTH] - ✦
[FOCUS_DEPTH] - ✦
[FIELD_OF_VIEW]
bokeh-depth-of-field-threejs-particles.txt
Act as a Creative Coder. Design a Three.js scene featuring a drifting particle field using [PARTICLE_TEXTURE]. Implement a realistic Bokeh/Depth-of-Field effect using the EffectComposer and BokehPass. Set the initial [FOCUS_DEPTH] and [BLUR_STRENGTH]. Configure the camera with a [FIELD_OF_VIEW] that emphasizes the 3D depth of the particles. Include code to dynamically update the focus point based on the mouse Z-position or a scroll event.
Example Output
"The AI will generate a Three.js script with a post-processing pipeline featuring EffectComposer and BokehPass to create a cinematic blur effect."