Optimized for: Gemini / ChatGPT / Claude
Advanced AI Prompt for Three.js Responsive Mobile-First Particles
Use this engineered prompt to drastically optimize your workflow and output.
Required Variables
- ✦
[MOBILE_DENSITY] - ✦
[DESKTOP_DENSITY] - ✦
[TOUCH_SENSITIVITY] - ✦
[BATTERY_SAVER_FPS]
responsive-mobile-first-threejs-particles.txt
Act as a Technical SEO Specialist. Create a responsive Three.js particle system that detects device capabilities. On mobile, use [MOBILE_DENSITY] and cap the frame rate at [BATTERY_SAVER_FPS] to save energy. On desktop, scale up to [DESKTOP_DENSITY]. Implement [TOUCH_SENSITIVITY] for mobile interactions. Ensure the renderer's pixel ratio is handled correctly using `window.devicePixelRatio` and that the resize event listener re-calculates particle distribution for the new aspect ratio.
Example Output
"The AI will provide a robust, production-ready script that includes device detection and adaptive performance scaling."