我是一名前端开发者，但也喜欢制作游戏。因此，我决定用自己的一些时间开发了前布宜诺斯亚利斯各次防御，一个完全使用手工绘制2D Canvas渲染的浏览器型防御塔游戏。没有Unity，Godot，Phaser。没有精灵heet。每个防御塔、敌人、地形块、弹道效果、死亡效果、雾层、光神光束都是在代码中用程序生成的。

装饰层的渲染已达到33,000+行代码。模拟循环有5,000+行代码。一切都在一个浏览器标签中运行。

游戏内涉及：

  • 26个关卡，分为5个地形区域（草原，沼泽，沙漠，冬季，火山）
  • 7个防御塔，有7个子路线升级（14个升级路径）
  • 9个 Heroes，有独特的技能
  • 6个法术（一个能使死亡的敌人复生为友军幽灵士兵）
  • 108+种敌人类型，有5个地区 Boss
  • 双路线地图，地图障碍，特殊互动结构
  • 有限制的挑战关卡，在自定义3D山地地图上
  • 急需模式（10k金币，持续波浪攻击）
  • 自定义关卡创建
  • 可交互的地图，带有点亮进度

技术栈：Next.js，React，TypeScript，Canvas 2D。使用多层缓存策略，利用屏幕外画布缓存静态地形，单独的装饰层，雾气/大气层，以及每幅画面的动态实体层重绘。

质量感知渲染在检测到帧速降低时，会在运行时降低详细信息。

可以在本游戏的博客上看到开发这款游戏的详细过程。

在浏览器中免费玩耍：https://ptd.quest/