Interactive Halloween Jack-o'-Lantern Shader Experience in RiveInteractive Halloween Jack-o'-Lantern Shader Experience in Rive
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
Start halloween already. 🎃
My entry for the Rive Halloween Challenge is a jack-o-lantern with no mesh and no textures. Every pixel is a ray marched signed distance field in a WGSL shader running on Rive's GPU Canvas. There's a candle inside that bleeds through the rind, and fog drifts around him under a bloom pass.
His head follows your cursor on a spring. Move toward the Start button and his mouth opens, his brows drop, the violins swell and the screen starts to shake. Click it and the candle goes red, green, orange, the rim lights spin, and he dances and twirls to a disco loop I generated in Python.
How I built it:
• I wrote the scene in RML with the Rive CLI and a coding agent
• One scene shader plus a bloom chain do all the rendering
• Luau scripts drive the shader, the spring motion and the audio
• Around 50 view model properties are data bound (face shape, lights, fog, bloom)
• State machines handle the button states and party mode
• I tuned the colors, lighting and mood 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