𝗪𝗵𝗮𝘁 𝘄𝗲 𝘂𝘀𝗲𝗱 𝘁𝗼 𝗽𝗮𝘆 𝗮 𝗪𝗲𝗯𝗚𝗟 𝗱𝗲𝘃𝗲𝗹𝗼𝗽𝗲𝗿 𝗳𝗼𝗿, 𝗜 𝗯𝘂𝗶𝗹𝘁 𝘆𝗲𝘀𝘁𝗲𝗿𝗱𝗮𝘆 𝗶𝗻 𝟭𝟮𝟬 𝗺𝗶𝗻𝘂𝘁𝗲𝘀. 𝗧𝗲𝘀𝘁𝗶𝗻𝗴 𝘁𝗵𝗲 𝗻𝗲𝘄 𝗚𝗲𝗺𝗶𝗻𝗶 𝟯.𝟭 𝗣𝗿𝗼 🤯
On our educational project
izum.study, we have a complex Three.js scene. Back in the day, we specifically hired a niche WebGL specialist to bring it to life.
Yesterday I decided to stress-test the new Gemini 3.1 Pro: could I recreate this animation from scratch using ONLY text?
𝗧𝗵𝗲 𝗿𝗲𝘀𝘂𝗹𝘁 𝗴𝗲𝗻𝘂𝗶𝗻𝗲𝗹𝘆 𝗶𝗺𝗽𝗿𝗲𝘀𝘀𝗲𝗱 𝗺𝗲.
Yes, I only built the first part so far (a wave of thousands of particles collapsing into a tornado and assembling into a perfect 3D sphere on scroll). 𝗕𝘂𝘁 𝗜 𝗱𝗶𝗱 𝗶𝘁 𝗺𝘆𝘀𝗲𝗹𝗳 𝗶𝗻 𝗷𝘂𝘀𝘁 𝟭𝟮𝟬 𝗺𝗶𝗻𝘂𝘁𝗲𝘀!
𝗧𝗵𝗶𝘀 𝗸𝗶𝗻𝗱 𝗼𝗳 𝗺𝗮𝘁𝗵 𝗶𝗻 𝗚𝗟𝗦𝗟 𝘀𝗵𝗮𝗱𝗲𝗿𝘀 𝗻𝗼𝗿𝗺𝗮𝗹𝗹𝘆 𝘁𝗮𝗸𝗲𝘀 𝗱𝗮𝘆𝘀:
⚡ The model wrote the Bezier curve logic on its own so particles move smoothly and never fly outside the screen boundaries.
⚡ It tightly synced the tornado math with scroll behavior through GSAP — by itself.
⚡ It even solved the classic WebGL issue with GPU micro-precision errors on the first and last frames, making the animation completely seamless.
What used to require hardcore code and a separate budget — now you just act as an art director and guide the model's logic.
𝗛𝗼𝘄 𝘄𝗼𝘂𝗹𝗱 𝘆𝗼𝘂 𝗿𝗮𝘁𝗲 𝘁𝗵𝗶𝘀 𝗿𝗲𝘀𝘂𝗹𝘁 𝗳𝗼𝗿 𝟮 𝗵𝗼𝘂𝗿𝘀 𝗼𝗳 𝗽𝗿𝗼𝗺𝗽𝘁𝗶𝗻𝗴? Score it from 1 to 10 🔥
And do you think I should take on the challenge and try to recreate the full animation from the site?