攻略

HTML5 益智游戏源码:包含什么,要检查什么

以 Frogdoku 为例,看一款成品逻辑解谜游戏的关卡、每日谜题、TypeScript 源码和托管方式。

戴着绿色帽子的青蛙 Ribi 站在一片睡莲叶上,旁边是一张由池塘组成的网格,每一行都放着一只青蛙。

免费的 HTML5 游戏代码很好找。难找的是经过测试的成品益智游戏:有真正的关卡、有每日谜题、源码有文档。大多数买家搜索可以直接上线的源码时,指的正是这一类。

Frogdoku 是一款只有一条规则的逻辑解谜游戏:在每一行、每一列和每一个彩色池塘里各放一只青蛙,任意两只青蛙都不能相邻。本指南以这一版本为例,说明任何益智游戏模板都应该检查哪些内容。

先看关卡数量和游戏模式

买家版包含 180 个战役谜题,分布在一条小溪的六个河段中,另有每日谜题日历、Endless 和 Relax 模式、奖杯、撤销与重做,以及辅助道具。Ribi 的衣橱是对游戏进度的奖励。

关卡数量比封面更重要。只有 20 个关卡的模板更接近原型,而有 180 个关卡的模板更接近成品游戏。请询问卖家关卡是怎么制作的、每一关是怎么检验的,因为一道玩家解不开的谜题,是流失玩家最快的方式。

源码包含哪些内容

源码用 TypeScript 编写,附带测试和第三方授权声明。资源包的文件清单中包括 JSON 文件,game 文件夹则是可以直接托管的构建版本,美术、音频和字体都已放在本地。

  • game/:可以直接托管的构建版本,美术、音频和字体都已在本地。
  • TypeScript 源码及其测试:您阅读和修改的部分。
  • Vite:可选,只有在您从 TypeScript 重新构建时才需要。

购买前 15 分钟检查

一次短暂的试玩,就足以判断一个益智游戏模板。先在手机上玩完第一个河段,再在笔记本电脑上玩一遍,记下哪里的点击或拖动感觉迟缓或不够清楚。把最后一步连续撤销几次,确认每一次棋盘都能回到之前的状态。

然后打开源码,阅读测试的名称。留意那些以谜题规则命名的测试。有测试的规则是由代码强制执行的,而不只是显示在屏幕上。

托管:只需静态文件

和本系列指南中的其他模板一样,买家版需要支持 JavaScript 和音频的新版浏览器,以及静态 HTTP(S) 托管。不需要数据库,也不需要作者账号。

把 game/ 里的内容上传到谜题所在的文件夹即可。只有修改了 TypeScript 源码,才需要重新构建。

查看 Frogdoku 的商品页、包含内容和授权

价格不包含的内容

Frogdoku 没有云存档、在线排行榜、真实货币购买,也没有广告 SDK,正常游戏时不会向这类服务发送任何请求。进度保存在当前浏览器中。

原生应用、托管服务和定制开发不包含在内。每日谜题是日历的一部分,不需要在线排行榜也能玩。

常见问题

我需要自己构建这款游戏吗?

不需要。把 game/ 里的内容上传到 HTTP(S) 托管即可。只有修改 TypeScript 源码时才需要重新构建。

进度保存在哪里?

保存在本地,也就是当前浏览器中。

每日谜题需要在线排行榜吗?

不需要。没有排行榜,每日谜题也可以照常游玩,进度保存在玩家的浏览器中。

适用什么授权?

适用结账时显示的 Polar Games Marketplace 条款。

益智游戏模板适合用在哪里

这样的益智游戏适合学习类网站、在博客上培养每日解谜的习惯,或想要一款可定制的成品逻辑游戏的工作室。如果项目需要排位赛或用户账号,它就不太合适,因为这些不在这一版本的范围之内。