My entry for

@rive_app #characterchallenge on Contra My interactive buddy which is customisable in app and provides a unique experience to users to tailor make their own buddies which follow them in a fun hydration journey.

Try it yourself here https://apps.apple.com/us/app/hydration-hero-water-tracker/id6572288673

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.