Animation video in Flutter

How I created a YouTube video using Flutter animations

Danielle H
8 min readOct 27, 2023

At the moment, my family is all suffering from some form of anxiety, including my kids (among other things). I searched for a fun animation of the candle and flower breathing exercise that can be followed easily, and for some reason I didn’t find anything that my 11-year-old liked. The music was annoying, or there was talking before and after, or there was a creepy Darth Vader breathing sound.

So I decided to create my own, with what I know. And at the moment, I know Flutter.

The final video looks like this:

The plan

So, this is what I need:

  • A nice gradient full screen background
  • A flower that expands for 4 seconds
  • A candle that shrinks for 6 seconds
  • Some text explaining what to do when
  • Countdown text

--

--

Danielle H
Danielle H

Written by Danielle H

I started programming in LabVIEW and Matlab, and quickly expanded to include Android, Swift, Flutter, Web(PHP, HTML, Javascript), Arduino and Processing.