Project link : https://editor.rive.app/file/untitled/2404222?linkId=MviRgrfKfESyTy3BjFmT4w

Title : EcoCity Guardian AI – Interactive Smart City Dashboard

Description : EcoCity Guardian AI is an advanced, fully interactive dashboard designed for real-time monitoring of urban environmental data. The project features an intelligent AI character that serves as the central interface, providing visual feedback based on pollution levels. By integrating dynamic data visualization with responsive character animation, the dashboard autonomously transitions between safe (Green), warning (Blue), and danger (Red) states. Every element, from the AI’s facial expressions and eye movements to the energy, water, and traffic metrics, reacts in real-time to user input, offering a cohesive and immersive city monitoring experience.

How I Built It :

This project was entirely designed and developed within Rive, utilizing its core features to create a seamless interactive experience:

State Machine Logic: I utilized Rive’s State Machine to manage complex logic, enabling the dashboard to trigger specific animations and data updates based on input changes.

Interactive Listeners: I implemented custom Listeners combined with Opaque Targets, allowing for direct, real-time user interaction with the dashboard buttons.

Dynamic Data Synchronization: The dashboard features synchronized animations where UI bars (Pollution, Energy, Water, Traffic) and text values update automatically to reflect the current city status.

Organic Character Animation: I achieved a living AI guardian effect by utilizing image sequences combined with breathing animation keyframes and cubic interpolation for smooth, realistic movement.

Emotional & Crisis Response: The system includes nuanced state transitions, such as accelerated eyeball movement during high-pollution (Red) alerts, providing immediate visual feedback on the city's health.

This is my #RiveChallenge presentation on Contra

I created 20+ animations for Boop, a health and fitness app that turns walking into a fun, motivating competition.

The project includes an interactive onboarding system built with state machines, transitions, and view models, where changing values dynamically drives users between states. It also includes a responsive walk cycle and interactive notification activation designed to make the experience feel engaging and rewarding. You can explore even more animations throughout the app.

So cute. <3