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
Built the classic Snake game entirely inside Rive using scripting and data binding.
This was an experiment pushing Rive beyond animation into interactive systems.
Movement, food spawning, and game state are all driven by Lua while the UI stays synced through a ViewModel.
Still polishing the web export, but the core gameplay is working and it was a fun challenge to build.
Play / watch the demo here 👇
This is really realy cool snake game in nokia was actually my fav
Very cool exploration 👏 Pushing Rive into interactive systems opens interesting UX possibilities. The ViewModel sync approach is especially intriguing.
Appreciate it! I was really curious how far Rive could go beyond animation, and the ViewModel sync made the whole system much easier to manage.
Very cool approach 👏 Curious — did you run into any performance or state-management challenges while wiring the ViewModel sync?
Thank you! The trickiest part was managing the segment updates as the snake grows. Using the ViewModel as the source of truth helped keep the UI and game logic in sync without things getting messy.
Great job Daramola! Do you have a link so I can play the game?
Thank you! Yes you can try it here:
https://rive.app/community/files/26481-49644-snake-game-built-with-rive-scripting
Would love to hear what you think.
rive.app
Snake Game – Built with Rive Scripting
A recreation of the classic Snake game built entirely inside Rive using scripting and data binding. The project demonstrates how interactive systems can be created in Rive beyond traditional animation, including movement logic, food spawning, score tracking, and UI state management. Great as a reference for designers and developers exploring Rive’s scripting capabilities.
Using Lua for game state and Rive for the UI is such a smart separation. Can't wait to try the web export!
This was nostalgic to see! I remember playing this when I was young!
welldone👏🏽
Very cool breakdown 👌
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
Hey everyone, this is my submission for the @Rive HMI Challenge 🚀
Excited to share my Vehicle HMI (Human-Machine Interface) design, focused on a Boat Dashboard UI built using @Rive.
This project explores a modern marine interface that combines real-time data, navigation insights, and smooth interactive animations to create a seamless user experience 🌊
The experience is designed as a clear flow:
connection → system sync → navigation → monitoring → alerts → control
The interface highlights key elements like speed, fuel, GPS tracking, weather conditions, and risk indicators — all structured to keep the information clear, minimal, and easy to understand.
A major focus of this project is how motion communicates system behaviour. Each animation reflects a state change, helping users instantly understand what’s happening in the system.
Built using State Machine, Data Binding, and Layout in Rive.
Would love to hear your thoughts 👇
That marine dashboard layout is super clean — using motion to signal state changes instead of alerts is the right call for a cockpit UI
Dragon Eye: 4K Neural-Link HMI (Rive)
Description: High-performance Vehicle HMI with adaptive AI telemetry. Built in Rive using complex Lua scripting, 3 custom Node Scripts, and ViewModel architecture. Features automated structural safety speed-limiters and oxygen-depletion altitude overrides. Engineering meets survival. 🐉🚀
https://vimeo.com/1178627971?share=copy&fl=sv&fe=ci
DOCUMENTATION: DRAGON EYE – NEURAL-LINKED HMI SYSTEM
Project Overview
Dragon Eye is a high-stakes Vehicle Human-Machine Interface (HMI) built entirely within the Rive engine. It simulates a biological-mechanical bridge between a pilot and a dragon-class flight engine. This project represents 80+ hours of architectural engineering, focusing on real-time data flow, safety-critical overrides, and immersive visual feedback.
TECHNICAL ARCHITECTURE
1. The Logic Layer (Lua Scripting)
The system is powered by a custom-coded backend using 3 Node Scripts and 2 Listener Action Scripts. This setup handles:
Asynchronous Telemetry: Real-time calculation of velocity, altitude, and energy consumption.
Contextual AI Feed: A "Synaptic Feed" that pushes dynamic messages to the HUD based on the current flight state.
2. ViewModel & Data Flow
Utilizing a ViewModel architecture, the project ensures a single source of truth for all UI elements.
Range Map Converters: Translate raw user drag-gestures into precise engine-velocity increments.
Synchronized State Machine: Ensures seamless transitions between Idle, Cruise, Turbo, and Combat modes.
SAFETY-CRITICAL PROTOCOLS (The "Guardian" Logic)
To elevate the HMI from a visual tool to a survival system, I implemented two major safety overrides:
Automatic Structural Protection (Speed Limiter):
The system continuously monitors mechanical stress. If the pilot exceeds the structural safety threshold (550+ units), the Neural Override triggers an immediate, automated deceleration to prevent catastrophic airframe failure.
Atmospheric Reclamation (Oxygen Protocol):
The AI monitors the rider’s biological vitals. If oxygen levels drop below 15% due to high-altitude flight, the system initiates a forced descent to a "breathable zone" (lower altitude) to prevent pilot hypoxia, overriding manual controls until vitals stabilize.
VISUAL & COMBAT SYSTEMS
Weaponry Interface: Custom-coded weapon systems featuring synchronized flicker effects and dynamic target-locking scaling.
Adaptive HUD: The interface scales and shifts based on G-force simulation, providing a 1:1 responsive experience.
Audio-Visual Synergy: Designed to sync with high-tempo, adrenaline-driven soundscapes for maximum pilot immersion.
Lead Engineer: Istvan Rac
Framework: Rive (Lua / State Machine / ViewModels)
Industry: Vehicle HMI / Aerospace Interface Design
80+ hours in Rive with Lua scripting and state machines — Dragon Eye is on another level entirely!
My entry for the Rive HMI Vehicle Challenge.
Had a lot of Fun learning more about Rive by doing this HMI inspired by K.I.T.T. from Knight Rider.
I hope you guys enjoy it!
If you like to have a look inside the FIle i will share it with you here:
https://drive.google.com/file/d/1zU8iPJpUFWHpK91FhnWzkc_l0ezYgozk/view?usp=sharing
Cheers 🙌
nice!
Trending
Notion
Notion isn’t just where you work, it’s starting to work for you. What agents are you building?
portfolioreview
The best portfolios tell a story, not just show a grid. Share yours for feedback.
brandguidelines
Brand guidelines are becoming living systems, not static documents. What are you building for your clients?
aivideo
AI video tools are moving at warp speed. Which ones are you experimenting with?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?