Flutter解谜器

        

这款游戏是为“Flutter解谜器”比赛，2022年而设计的。这是一个简单的滑动解谜游戏，玩家需要将方块按顺序排列。这款游戏是使用Flutter框架构建的，Flutter是一个跨平台框架，用于开发多设备应用。目前，这款应用已在iOS、Android和Google Chrome浏览器上进行了测试。

此外，它还使用了一些来自开源社区的第三方包。感谢这些开源开发者提供的优秀包。

  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

游戏指南

上图展示了在Android设备上运行的“解谜器”游戏。它也呈现了游戏的所有功能。例如：

  1. 深色/浅色模式切换
  2. 已排序的面板示例图像
  3. 总“步数”
  4. “重置”按钮
  5. 用于“静音”和“信息”功能的下拉菜单
  6. 动画“Dash”。点击它即可见证奇迹！
  7. Timer

解谜器演示

浅色模式 (iPhone 8 模拟器) 深色模式 (iPhone 8 模拟器)

Google Chrome

'lib' 文件夹内的文件结构

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

GitHub

查看 Github