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
Back to feedPost
Haunted Login is a possessed login screen made for the Rive Halloween Challenge.
I built the scene in RML and previewed it live with the Rive CLI (the RML was written with AI help). Then I added GPU Canvas: a WGSL CRT shader with scanlines, glitch bursts, a cursor flashlight and a pulsing red wave, driven by a Luau script. The eyes follow your cursor through a View Model, and clicking ENTER three times possesses the screen (more glitch, red wave, flicker).
I then rebuilt and polished the scene by hand in the Rive Editor (layout, colors, Creepster font, eyes, text) and connected the same shader and script there.
Features used: Rive CLI, GPU Canvas (WGSL), Scripting (Luau), View Model with data binding.
Video walkthrough:https://www.loom.com/share/fc57f0ae39d14411a6caccfefbae3dc9
Project file (.riv): https://drive.google.com/file/d/18i3-Xzht2-pD9ZRC35jyAzXWKudUN_LG/view?usp=sharing
Note: web publishing and embed URLs need a paid Rive plan, so I am sharing the exported .riv file and a screen recording.
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
Related posts
Wanted the controls screen to feel more like flipping through a deck of retro cards than navigating another settings menu
Those little ships aren't videos. They're rendered live in 3D, and you can actually test your controls right on the cards before jumping into the game
All built in @Rive with GPU Canvas, Luau scripting, and the Rive CLI 🚀
Awesome!🚀
🏴☠️ What if a pirate ship broke through a cinema screen?
A quiet movie night turns into a full-scale 4D adventure. A massive pirate galleon bursts into the theater, bringing an entire ocean with it. 🌊
My latest AI filmmaking experiment, created with Dreamina and Seedance.
10 seconds. One continuous shot. Realistic water physics, cinematic camera movement, immersive sound, and a little movie magic.
The challenge? Making something impossible feel like it was actually captured on a smartphone.
KAGE 🍁 (影, “shadow”) is an immersive web experience built from a single painting: a ronin on a cliff above a sea of clouds, under a red sun that never quite sets.
The site opens like a film. A short launch sequence plays in reverse, pulling the blade’s crimson arc back into stillness, then dissolves into the painting itself, which comes alive. From there, the visitor moves through a prologue on washi paper, the seven virtues of bushidō in red kanji, and a gallery of quiet details from the scene, before ending under the red sun.
What went into it:
• Depth from a single image: the artwork is separated into layers, so the samurai moves against the cloud sea as you scroll and move the cursor
• A launch film that hands off into the live painting with no visible cut, with the interface revealed only once it ends
• Falling sakura petals, drifting mist and a breathing sun glow, all as custom code components
• Japanese editorial typography pairing Shippori Mincho with Zen Kaku Gothic, plus a red hanko seal and kanji chapter navigation
• Text that surfaces from blur, chapters revealed on scroll, and subtle hover motion throughout
• Fully responsive, with layouts tuned for desktop, tablet and mobile and a reduced-motion fallback
Visit: KAGE 🍁
Built in Framer, with custom React components.
The layered parallax on the samurai is so smooth. Did you build the petals in custom code?