๐—ช๐—ต๐—ฎ๐˜ ๐˜„๐—ฒ ๐˜‚๐˜€๐—ฒ๐—ฑ ๐˜๐—ผ ๐—ฝ๐—ฎ๐˜† ๐—ฎ ๐—ช๐—ฒ๐—ฏ๐—š๐—Ÿ ๐—ฑ๐—ฒ๐˜ƒ๐—ฒ๐—น๐—ผ๐—ฝ๐—ฒ๐—ฟ ๐—ณ๐—ผ๐—ฟ, ๐—œ ๐—ฏ๐˜‚๐—ถ๐—น๐˜ ๐˜†๐—ฒ๐˜€๏ฟฝ...๐—ช๐—ต๐—ฎ๐˜ ๐˜„๐—ฒ ๐˜‚๐˜€๐—ฒ๐—ฑ ๐˜๐—ผ ๐—ฝ๐—ฎ๐˜† ๐—ฎ ๐—ช๐—ฒ๐—ฏ๐—š๐—Ÿ ๐—ฑ๐—ฒ๐˜ƒ๐—ฒ๐—น๐—ผ๐—ฝ๐—ฒ๐—ฟ ๐—ณ๐—ผ๐—ฟ, ๐—œ ๐—ฏ๐˜‚๐—ถ๐—น๐˜ ๐˜†๐—ฒ๐˜€๏ฟฝ...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
๐—ช๐—ต๐—ฎ๐˜ ๐˜„๐—ฒ ๐˜‚๐˜€๐—ฒ๐—ฑ ๐˜๐—ผ ๐—ฝ๐—ฎ๐˜† ๐—ฎ ๐—ช๐—ฒ๐—ฏ๐—š๐—Ÿ ๐—ฑ๐—ฒ๐˜ƒ๐—ฒ๐—น๐—ผ๐—ฝ๐—ฒ๐—ฟ ๐—ณ๐—ผ๐—ฟ, ๐—œ ๐—ฏ๐˜‚๐—ถ๐—น๐˜ ๐˜†๐—ฒ๐˜€๐˜๐—ฒ๐—ฟ๐—ฑ๐—ฎ๐˜† ๐—ถ๐—ป ๐Ÿญ๐Ÿฎ๐Ÿฌ ๐—บ๐—ถ๐—ป๐˜‚๐˜๐—ฒ๐˜€. ๐—ง๐—ฒ๐˜€๐˜๐—ถ๐—ป๐—ด ๐˜๐—ต๐—ฒ ๐—ป๐—ฒ๐˜„ ๐—š๐—ฒ๐—บ๐—ถ๐—ป๐—ถ ๐Ÿฏ.๐Ÿญ ๐—ฃ๐—ฟ๐—ผ ๐Ÿคฏ 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?
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started