Blenra LogoBlenra
Optimized for: Gemini / ChatGPT / Claude
#GSAP

Advanced AI Prompt for Responsive Canvas Particle Scroll

Customize the variables below to instantly engineer your prompt.

Required Variables

gsap-canvas-particle-scroll-interaction.txt
Act as a WebGL/Canvas Performance Optimizer. Write a complex GSAP architecture that directly governs the physics of a native 2D HTML5 Canvas particle system. As the user scrolls the document, the baseline [FLOW_SPEED] of the dots rendered within the [CANVAS_ID] context must exponentially multiply, and their vector trajectory must violently shift parallel to the exact velocity of the scroll event. Initialize exactly [PARTICLE_COUNT] (e.g., 500) particle objects equipped with randomized X/Y vectors. Abandon standard `requestAnimationFrame`; mandate the use of GSAP's internal `gsap.ticker.add()` to synchronize the canvas render loop perfectly with the animation engine. Utilize the high-level `ScrollTrigger.getVelocity()` method within the ticker loop to dynamically extract the scroll momentum and mathematically inject that raw integer into the particle acceleration array in real-time.

Example Text Output

"The AI generates a Canvas API script where particle velocity is a function of the ScrollTrigger.getVelocity() output for an organic interactive background."

More Web Components Prompts

View all →

Frequently Asked Questions

What is the "Advanced AI Prompt for Responsive Canvas Particle Scroll" prompt used for?

The AI generates a Canvas API script where particle velocity is a function of the ScrollTrigger.getVelocity() output for an organic interactive background.

Which AI tools work with this prompt?

This prompt is optimized for Gemini / ChatGPT / Claude, but works great with ChatGPT, Claude, Gemini, and other large language models. Simply copy it and paste it into your preferred AI tool.

How do I customize this prompt?

Use the variable fields above to fill in your specific details. The prompt will auto-update as you type, ready to copy instantly.

Is this prompt free?

Yes! All prompts on Blenra are free to copy and use immediately. No account required.