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

Advanced AI Prompt for Three.js and GSAP Scroll Sync

Customize the variables below to instantly engineer your prompt.

Required Variables

gsap-threejs-scroll-sync-portfolio.txt
Act as a Principal WebGL Integration Architect. Construct an impenetrable, high-performance bridge synchronizing a GSAP ScrollTrigger timeline directly into a native Three.js 3D rendering loop. Engineer a functional bridge that extracts the raw, normalized scroll progress float (0.0 to 1.0) and mathematically maps it directly to the [ROTATION_AXIS] (e.g., `rotation.y`) of the specifically targeted [MESH_NAME] identified by [MODEL_VARIABLE]. As the user scrubs the vertical height of the viewport, the 3D model must rotate exactly 360 degrees (Math.PI * 2 radians). Crucially, the transformation logic *must* be executed exclusively within the GSAP `onUpdate` callback or tied directly into the Three.js `requestAnimationFrame` loop to maintain absolute synchronization and guarantee a locked 60fps without causing React/DOM layout thrashing. Inject a `scrub: 0.5` value to introduce physical momentum to the rotation.

Expected Visual Output

Expected visual output for Advanced AI Prompt for Three.js and GSAP Scroll Sync

Example Text Output

"The AI generates a bridge between the GSAP ScrollTrigger scrub value and a Three.js object's rotation property"

More Web Components Prompts

View all →

Frequently Asked Questions

What is the "Advanced AI Prompt for Three.js and GSAP Scroll Sync" prompt used for?

The AI generates a bridge between the GSAP ScrollTrigger scrub value and a Three.js object's rotation property

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.