合成大瓜

2021-02｜游戏

一款小游戏，Flutter 版合成大西瓜

项目预览

游戏首页	最终得分
多种主题	更换贴图

项目亮点

• 支持自定义背景图: 想换啥背景，随便换
• 支持修改图片素材: 想把瓜的图片换成 idol 的头像？随便换
• 支持重力感应操控: 天下没有合不成的大西瓜，如果有那就多摇两下手机～
• 支持反向合成小瓜: 大瓜反向合成小瓜，逆向思维，窒息操作
• 支持只生成小/大瓜: 每个瓜都是一样的，还有什么理由合成不了终极大瓜？
• 内置多套游戏主题: 水果/表情/校徽随便你选，每个主题的终极 boss 都有惊喜哦

幕后花絮

2021 年春节前夕，一款名为合成大西瓜的小游戏火了。简单分析一下游戏规则：

1. 玩家点击屏幕上的任意位置来放置水果
2. 当两个相同的水果碰到一起时会合成更高等级的水果
3. 通过不断合成，最终合成出大西瓜时， 玩家胜利
4. 水果超过屏幕顶部的警戒线时，游戏结束

可以看到，整体还是比较简单的，我们只需要解决以下部分：

1. 同等级水果间的碰撞检测
2. 分数等级系统与游戏结束的判定
3. 同等级水果碰撞升级时的缩放动画与粒子动效
4. 监听屏幕点击事件操控水果下落位置

结合之前我做过的另一款游戏¹，我觉得完全可以自己动手实现一个。

于是 2021 年春节年假，我在家前后花了大概三天三夜的时间²，完成了这个项目。

在技术栈上，我继续选择了 Flutter + Flame + Forge2D 的组合，顺便也实践了一把 Flutter Web³，最终将这个项目打包到了全平台⁴。