jQuery益智管道拼图游戏
jQuery 写的益智类管道拼接游戏，玩法蛮有意思。玩家点一点就能转动管道，拼出通路通关，既考逻辑又看眼力。界面不复杂，用的都是 jQuery 搞定的 DOM 操作，像$('.pipe')这种选择器，用起来还是挺顺手的。动画也靠 jQuery 做的，效果还挺流畅。
逻辑代码也比较清晰，事件绑定、状态切换这些全在一两个.js里搞定，适合练手。你可以自己加点限制，比如步数、时间什么的，稍微改一改就能变得更有挑战性。
界面部分走的是HTML + CSS3路线，样式都挺简洁，想换皮肤或者美化一下也不难。图标用的是图片文件，不是Canvas画的，适合对Canvas还不熟的人看。整体结构比较规整，目录清晰，一看就明白哪些是资源、哪些是逻辑代码。
关卡数据率是JSON格式的，读取也方便，你甚至能用AJAX做成动态加载模式，玩完一关下一关。适合想学点前端游戏开发的朋友动手试试。
如果你在学jQuery，或者想整点小项目练练手，这份代码真的还不错。下载地址在这，自己拆包看看：
顺带一提，想学DOM操作、Canvas画图也可以参考下这些：
反正玩法不复杂，逻辑也清晰，改起来不难。如果你对益智类小游戏感兴趣，可以试着改成自己的风格。
下载地址
用户评论
