Created this animation using Rive Scripting.
I wanted to go beyond flat 3D-looking shapes and build a custom 3D form with gradient textures, also generated through scripting.
Small deliberate practice project, but a useful one.
With all the hype about Opus 5.5 and it's seemingly amazing design skills I gave it the task to redesign the UI in my game. Mainly the upgrade screens, the count down screen and the main screen.
Very basic prompt and I'm not a fan of the final result, but it was worth a try.
It gave me a few style choices to pick between and I chose the cartoon style, so it's probably my own fault. 😃
Gameplay wise, I have made a few changes too. I've made the arenas 20% larger, upped the enemy count and a few other tweaks.
Now I want to try the new Rive CLI to create all the UI and implement it into the game using the Rive unity plugin.
A hand-built studio site in a Swiss "lacquer & stone" style: warm stone paper, lacquer-red accents, thin uppercase type and fine film grain. Every section reacts as you scroll: Halftone portrait that reveals under your cursor
Signature that draws itself, and a manifesto that lights up word by word
The boutique: five project videos with a working till. Reach the end and the receipt prints PAID
3D paper crumple: the receipt folds into a real 3D ball and drops into the page with physics
"A Day in Code": an original stick-figure film drawn in code. The ball lands inside it and gets a bicycle kick
Generative synth music and cartoon sound effects, all made live in the browser
AI-style assistant in a glowing WebGL orb, available in six languages
Built with: Vanilla JavaScript · Vite · GSAP + ScrollTrigger · Lenis smooth scroll · Three.js (3D crumple and cart) · Matter.js (physics) · WebGL shaders · Web Audio API · Web Workers · Vercel
The 3D crumple runs in a Web Worker and only the video on screen plays, so it stays smooth at 60fps.