To give the brand a truly dynamic feel, I’ve integrated GSAP for fluid scroll dynamics and Rive f...To give the brand a truly dynamic feel, I’ve integrated GSAP for fluid scroll dynamics and Rive f...
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
To give the brand a truly dynamic feel, I’ve integrated GSAP for fluid scroll dynamics and Rive for lightweight, high-performance animations, ensuring a polished look without sacrificing load times.
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.