大家好！我想请教一下大家对我这款文明建造游戏的看法。我从小特别喜欢玩《帝国时代》、《文明》（显而易见）和《模拟城市》这类游戏。但现代手机版里层出不穷的内购和烦人广告让我厌倦了……所以，我决定自己动手做一个。

欢迎来到 Clanfire.online。我在七月初通过 Claude Code 开始开发，此后每天至少花几个小时在上面。在手机上体验最佳，无需安装（如果你想复制仓库，它采用 MIT 许可证，完全免费）。

使用 Vanilla JS + Canvas 2D，没有用引擎。用 Claude Code 构建，用 PixelLab（通过 MCP）制作精灵图（这方面花的时间和信用点比我预想的多），数据库用 Supabase。

我学到的经验：

  • 参考图像至关重要。 我花了很多时间试图让 Claude Code 通过 Pixellab MCP 来管理设计迭代，但每次都失败。后来我直接进入 Pixellab 仪表盘，手动反复调整，直到做出我喜欢的设计。然后我把这个设计交给 Claude Code，让它作为下一轮 MCP 请求的参考图像，结果质量瞬间提升。
  • 锚定，绝不链接。 每个部分都引用同一个冻结的原始主版本。链接的批准部件会随着迭代而逐渐走样，不断累积直到无法使用。持续引用主版本对保证质量有很大帮助。
  • 精灵图的大小要与实际显示尺寸匹配。 我第一次做的动画鹿花了 84 代，看起来还是不对；我把它做得比屏幕能展示的精细得多，导致游戏不得不以一个丑陋的比例缩小它，而且缩放时细节还会闪烁。后来我把它重新画成正好是屏幕上显示尺寸的两倍，这样就能干净地缩小一半：只花了 37 代，看起来立刻就对了。既更便宜，又更好。
  • 有时候 AI 画的东西就是不行，你得接受。 我尝试用 AI 生成的小草代替代码画的草地。问题在于：AI 能做出的最小可用物体仍然比草叶应该的大小大三四倍，结果草地变成了一片小物体，而不是地面。山脉也是同样的情况。两次都是原来代码画的版本更好，所以我保留了它们。
  • 如果你让 AI 自己打分，它会给自己评分。 我让 Claude 给自己的作品打分，它在一个最多算差强人意的水体更新上给了自己 8/10 分。现在我在发布任何东西之前都会亲自对比前后截图。

本周将从随机玩家中抽取 50 美元奖励。 我想生成一些用户数据，并激励大家帮我做质量测试：

  • 参与抽奖的最低要求：完成一局游戏（无论输赢），游戏时间至少 10 分钟，得分 500 以上。
  • 在结束画面点击 竞赛，回答 2 个问题并填写有效邮箱。
  • 每完成一局游戏增加一次抽奖机会，最多 5 次。
  • 时间：9 月 10 日至 17 日，山地时间上午 7 点。

您的反馈将帮助我进一步优化产品。如果您看到有可以改进的地方，我当然非常欢迎并感激您的意见。干杯！