From Static Canva Slides to Interactive Learning: App Animation
How do you transform static lessons into an interactive learning experience that kids love and parents trust? You build a smart, scalable animation system.
Here is a quick look at a test project I put together for an educational app. The brief was simple but massive in scope: take a "How Rain Is Made" lesson from Canva and turn it into an engaging, interactive mobile/tablet experience.
1
104
2026 Motion Design and Animation Demoreel out!
1
3
188
UI Elemente for Inhale/Exhale App with Audio-Reactivity with Rive Scripting ⚡️
The challenge here was creating something not pre-rendered, but calculated frame-by-frame:
Dynamic Geometry: The rays aren't hand-drawn shapes, but mathematically calculated vectors that expand based on soundLevel.
Particle System: The spheres appearing on "Exhale" have their own lifecycle and movement, controlled by sine/cosine logic for smoothness.
Performance: Everything runs lightweight, ready to be embedded in React Native/Web.
The freedom to manipulate vertices and colors via code opens up a new world for interactive UI.
1
143
Tamapet: A Tamagotchi Clone:
Real-Time Evolution: A persistent 24h lifecycle from egg to adult.
Systems Engine: Manage 6 core stats (Hunger, Energy, Happiness, Hygiene, Discipline, Health).
Advanced Logic: Context-aware interactions (sleep-guarded actions) and a "Discipline Shield" that grants sickness resistance.
Dev-Friendly: Integrated Global Speed Control for testing and a custom ASCII Dashboard for real-time console monitoring.
1
7
566
Snake game prototype
Key features include Relative Steering for precise control and infinite board wrapping
8
535
Pomodoro Timer
My first entry to a challenge, counting time, break and cycles via scripting.