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
|
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:
- Dark/Light mode switch
- Sample image of a sorted board
- Total number of 'Moves'
- 'Reset' button
- Dropdown menu for 'Mute' & and 'Info' functionality
- Animated 'Dash'. Click it for the magic!
- Timer
| Light Mode (iPhone 8 Simulator) | Dark Mode (iPhone 8 Simulator) |
|---|---|
 |
 |
| Google Chrome |
|---|
 |
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
├── generated_plugin_registrant.dart
└── main.dart