About the game

It's a sliding puzzle built for web. Rules:

  1. Click on Start to play the game.
  2. You can move only one tile at a time.
  3. You can move the tile either by clicking or sliding it.
  4. There are two levels of difficulty: Hard and Easy.

How I built the game

Built the game using Flutter. Used mainly custom paint and animation controllers.

The Challenges I faced

There are lot of challenges I faced. To list some:

  1. Recording the branch strokes: Solution: Created a paint app using Flutter to record the stroke points and stored in constants for drawing.

  2. Drawing leaves and flowers at specific interval: Solution: Used divisibility(modulo) rule to draw leaves and flowers at specific intervals.

  3. Rotate leaves and flowers for variety: Solution: Used tangent inverse to calculate the angle between two points. This angle is used for rotation of leaves and flowers.

  4. Animating the branch and grow blinking: Solution: Used animation controller to vary the fraction for animating the branch growth and grow blink.

  5. Winning animation: Solution: Used again animation controllers to animate all the branches to give a beautiful effect.

Great Experience

It's a great experience developing this game using Flutter. I learnt a lot about custom paint, animation controller and animated widgets from developing this game.

Built With

Share this project:

Updates