Optimized for: Gemini / ChatGPT / Claude
Advanced AI Prompt for Three.js Morphing Geometry Particles
Use this engineered prompt to drastically optimize your workflow and output.
Required Variables
- ✦
[START_SHAPE] - ✦
[END_SHAPE] - ✦
[TRANSITION_DURATION] - ✦
[EASING_FUNCTION]
morphing-geometry-particles-threejs.txt
Act as a WebGL Specialist. Write a Three.js script that morphs a particle cloud between a [START_SHAPE] and an [END_SHAPE]. Use a set of target attributes in BufferGeometry to store the position data for both shapes. Implement a [TRANSITION_DURATION] second animation using [EASING_FUNCTION]. Ensure particles are distributed uniformly using surface sampling techniques. Include the GSAP (GreenSock) integration for controlling the interpolation uniform in the shader.
Example Output
"The AI will provide a script that samples two 3D meshes to create point clouds and a GLSL shader that lerps between their positions."