A simple slide puzzle flutter game

Overview

Flutter Puzzle Hack

        

This game is for the "Flutter Puzzle Hack" contest, 2022. It is a simple slide puzzle game, where the player has to arrange the squares into sorted order. This game is built using the Flutter framework, which is a cross-platform framework for developing apps for multiple devices. Right now, this app has been tested on iOS, Android, and Google Chrome browsers.

In addition, it is using some other third-party packages from the open-source community. Thanks to those open-source developers for their amazing packages. Those packages are:

  audioplayers: ^0.20.1          // for playing sound
  clay_containers: ^0.3.2        // for neumorphic design
  day_night_switcher: ^0.2.0+1   // for animated switch
  font_awesome_flutter: ^9.2.0   // for icons
  google_fonts: ^2.3.1           // for fonts
  provider: ^6.0.2               // for app state-management
  responsive_framework: ^0.1.7   // for responsive UI
  responsive_sizer: ^3.0.5+1     // for responsive container
  rive: ^0.8.1                   // for controlling rive animation file

Playing Guide

The above picture is showing the "Puzzle Hack" game running on an android device. It's also presenting all the functionality of the game. Like:

  1. Dark/Light mode switch
  2. Sample image of a sorted board
  3. Total number of 'Moves'
  4. 'Reset' button
  5. Dropdown menu for 'Mute' & and 'Info' functionality
  6. Animated 'Dash'. Click it for the magic!
  7. Timer

Puzzle Hack Demo

Light Mode (iPhone 8 Simulator) Dark Mode (iPhone 8 Simulator)

Google Chrome

File Pattern Inside The 'lib' Folder

lib
├── app
│   ├── provider
│   │   ├── appinfo_provider.dart
│   │   ├── sound_provider.dart
│   │   └── theme_provider.dart
│   ├── view
│   │   └── puzzle_game.dart
│   ├── widget
│   │   ├── util
│   │   │   ├── design
│   │   │   │   ├── arrow_clipper.dart
│   │   │   │   └── neumorphic_button.dart
│   │   │   ├── dropdown_menu.dart
│   │   │   ├── grid_container.dart
│   │   │   ├── move.dart
│   │   │   ├── reset_button.dart
│   │   │   └── timer.dart
│   │   ├── grid.dart
│   │   ├── menu_items.dart
│   │   ├── picture_and_animation_row.dart
│   │   ├── top_appbar.dart
│   │   └── winning_card.dart
│   └── .DS_Store
├── generated_plugin_registrant.dart
└── main.dart
You might also like...

Game characters ui - A redesign of a game characters app using flutter

Game characters ui - A redesign of a game characters app using flutter

Oct 23, 2022

Flutter Switch Game: Get Fun With Play This Game

Flutter Switch Game: Get Fun With Play This Game

switch_game A new Flutter project. Getting Started Try Swap red circle to green

Jun 17, 2022

Game Flutter Using Flame.It was for the Game Jam 2022

binarymemory Memory Binary Flame Flutter Game Jam Getting Started This project is a starting point for a Flutter application. A few resources to get y

Sep 7, 2022

A starter game in Flutter with all the bells and whistles of a mobile (iOS & Android) game

A starter game in Flutter with all the bells and whistles of a mobile (iOS & Android) game including the following features: sound music main menu scr

Dec 22, 2022

Simple Flappy Bird Game with the most functionalities developed in Flutter

flappy_bird Flutter Game App for Graphics Course Getting Started This project is a starting point for a Flutter application. A few resources to get yo

Jan 8, 2023

A simple 2D multiplayer online game built using Flutter and Flame engine

A simple 2D multiplayer online game built using Flutter and Flame engine

Club Penguin Introduction 🚀 Club Penguin A multiplayer game involving penguins and anonymous chat in a virtual 2D world Before we start, you can take

Dec 24, 2022

A Simple TicTacToe Game Built With Flutter

A Simple TicTacToe Game Built With Flutter

A Simple TicTacToe Game Built With Flutter

Jun 30, 2022

The simple game known as Tic Tac Toe developed with Flutter and Dart language

The simple game known as Tic Tac Toe developed with Flutter and Dart language

tic_tac_toe A new Flutter project. Game Restarted : Getting Started This project is a starting point for a Flutter application. A few resources to get

Oct 15, 2021

Simple choose your own adventure game app that i developed with flutter.

destini A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this

Nov 30, 2021
Comments
Owner
Md. Siam
Take care of yourself, you are your most valuable asset.
Md. Siam
A slide puzzle game you can play with your friend on cross-platform.

slideparty Inspiration I want to make a puzzle game that runs on all platforms: Web, Android, iOS, Linux, Windows and MacOS. You can play with your fr

Duong Bui Dai 29 Nov 23, 2022
Box2D Flutter Slide Puzzle

It uses Box2D physics to create an interesting gameplay mechanic where you need to manage a bit more than a simple slider. The code is all pure Flutter with widgets, animations, and CustomPaint. It doesn't use any Flutter game engine.

Gordon Hayes 25 Nov 11, 2022
Cyberpunk-inspired puzzle game prototype created with Flutter and Flame #Hack20 #FlutterHackathon

Ghost Rigger Prototype of a cyberpunk-inspired puzzle game set in a dystopian future: In the year 2078, the megacorporation Native Development Initiat

Float like a dash Sting like a dart 184 Dec 26, 2022
A puzzle game made on live-stream, demonstrating various animation techniques in Flutter

Slide Puzzle: Escape of Cao Cao This is a puzzle game made on live-stream, demonstrating various animation techniques in Flutter with just Dart code -

null 64 Dec 27, 2022
A simple dice game built using Flutter, that allows users to engage in a dice game

A simple dice game built using Flutter, that allows users to engage in a dice game. Each player rolls the dice and the highest value number that you can make WINS!

Dubem Ezeagwu 1 Sep 1, 2022
Chess-game - Some simple lines of coding and made this awesome looking full functional chess board game

flutter simple chess game It's a flutter chess game application with fast code.

Munem Sarker 5 Jun 17, 2022
An application cum Game-based App built using Flutter that compose a mind-tricked word game, Just for fun.

destini_challenge A new Flutter application. Getting Started This project is a starting point for a Flutter application. A few resources to get you st

dev_allauddin 3 Feb 3, 2022
M.U.D. Role-playing text-based game. A multiple-choice multiplayer interactive game developed on Flutter (Android, iOS, Windows, Web)

Teia M.U.D. Role-playing text-based game. A multiple-choice multiplayer interactive game developed on Flutter (Android, iOS, Windows, Web). The main f

Pedro Gonçalves 3 Feb 17, 2022
Warrior Runner - Game made with Flutter and Flame game engine

Warrior Runner - Game made with Flutter Demo and Screenshot Flutter Version Used : 1.22.4 flame: 0.29.3 hive: 1.5.0-pre Learing Resources: Create a Mo

Mohammed Hashim 20 Oct 10, 2022
Snake-Game - A flutter based classic snake game with nothing just and just a feel to have play

snake_game This is a simple snake Game under development made with the help of y

Shubham Kumar 2 Mar 22, 2022