Haunted Checkout Interaction with Rive CLI and GPU CanvasHaunted Checkout Interaction with Rive CLI and GPU Canvas
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
Haunted Checkout
A checkout screen that won't let you pay. Click once and the Pay button runs from your cursor while the price flickers to $666. On the third click, a ghost lunges and the green check turns into a skull.
Built with the Rive CLI and GPU Canvas. The whole scene is written in RML with the CLI, and two WGSL shaders on GPU Canvas handle the fog, candlelight, scanlines and glitch. Luau scripts drive the button, the price and the scare through Data Binding, and a State Machine runs the button states. I drew the ghost's mouth by hand in the Rive Editor.
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