HTML5+JavaScript五彩连珠网页游戏
五彩连珠的 HTML5 版本脚本，界面配色挺丰富的，用的是JavaScript加上HTML5 Canvas实现绘图逻辑，整体体验还不错。逻辑上是标准的连珠规则：凑够五个同色球就消除，蛮适合练练前端游戏开发的基本功。
运行起来也挺顺的，只要不是用IE9以下版本就行，推荐用Chrome或Firefox。想看效果的话，先打开index.html，运行就是小游戏主界面，点击操作也响应挺快的。
代码结构比较清晰，主要逻辑写在main.js里，画面控制、状态判断都有分离出来。如果你对Canvas 绘图、事件绑定、数组操作这类 JS 基础感兴趣，这个项目挺值得一看。
另外，相关的扩展玩法你也能在这些链接里找到：比如HTML5 连珠小游戏和Flex 框架的寻路实现，对比看看也挺有收获的。
如果你想写自己的网页小游戏，可以先拿这个练练手，顺带熟一下canvas.getContext('2d')、addEventListener这些用法，之后再改点皮肤和特效，玩起来就更有意思了～
文件大小：4.8KB
评论区