Dashtronaut Slide Puzzle Game Built With Flutter

Dashtronaut

Source Code

Flutter Tutorials From The App

Source Code
A Slide puzzle game created with Flutter 💙  for the  Flutter Puzzle Hack Challenge

Built By @roaakdm

  • Introduction

    About the app. the development story and inspiration.

  • App architecture and Folder Structure

  • Performance Improvements

    Precaching images as well as Reducing shader compilation jank on mobile by caching warmed up SkSL

  • Tutorials By Features

    • The Background stars

      Creating and animating the stars using CustomPainter

    • The Background planets

      Positioning the planets responsively and animating them into view

    • Puzzle Logic & Layout

      Inside The Puzzle models and provider and how the puzzle board widget is laid out

    • Animating the tiles

      Adding Rive animations and using their state machines

    • Adding Dash and animating her with Rive

    • Phrase bubbles logic and animations

    • Haptic Feedback

    • The Stopwatch

    • Multiplatform

      Working on Mouse and Keyboard functionality and Deploying on multiple platforms

    • Persisting user progress and previous scores in local storage using Hive

    • Responsiveness

      How the puzzle and its surrounding UI elements are laid out appropriately for all screen sizes and orientations

  • Testing

    Unit and widget tests written for various functionalities and features in the app

  • Changelog

    See how Dashtronaut changed since it started until the submission and beyond that