用Flutter构建简单的色彩游戏

什么是游戏？

这是一个简单的彩色游戏。 查找并点击颜色与其他颜色略有不同的正方形。 尽可能快地点击，您有60秒的时间。

步骤0：创建项目

官方教程在这里。

• POE在哪个区域花费最多的时间！
• 塞尔达传说：制作中的历史
• 回复：巴西比赛没有巴西
• 罗莎·卡博·马斯卡雷尔
• 大量效果– NOT_VIDEO –中

步骤1：安装插件

我们使用shared_preferences插件来保存最佳级别值。

在您的pubspec.yaml文件中添加shared_preferences作为依赖pubspec.yaml 。

 依赖项： 
  共享首选项：^ 0.4.3 

您可以从命令行安装软件包：

  $ flutter包得到 

现在，在您的Dart代码中（例如lib/main.dart ），您可以使用：

  导入 'package：shared_preferences / shared_preferences.dart'; 

步骤3：构建布局第1部分

您应该将lib / main.dart替换为以下代码。 有3个自定义构建函数（_buildToolbar，_buildSquare和_buildColorBox）。 在第2部分中，我们将继续实现这些功能。

步骤4：声明变量

  bool _gameOver = false ;  //检查游戏是否结束 

  int _seconds = 60;  // 60秒倒计时 
  int _level = 1; 
  int _bestLevel = 1; 

  int _diffIndex ;  //不同颜色框的索引 
 颜色_diffColor ;  //不同的颜色值 
 颜色_color ; 

  int _crossAxisCount = 3;  // nxn方格 

步骤5：游戏逻辑

游戏逻辑有6个功能（_updateData，_setGameOver，_restart，_setTimer，_onTimePressed，_onColorPressed）。

第6步：构建布局第2部分

_buildToolbar ：构建游戏的顶部。
_buildSquare ：构建游戏的主要部分。
_buildColorBox ：构建游戏的颜色框。

做完了！

感谢您的阅读时间。 生成的main.dart文件可在GitHub上找到。