6 个很棒的 jQuery 游戏开发教程
openkk 12年前
<p>随着HTML5和浏览器技术的发展，越来越多的应用和游戏开始使用HTML5/JavaScript或jQuery进行重写。 <br /> <br /> 本文带来了6个教程，帮助你使用jQuery来开发游戏。 <br /> <br /> <strong>1. Sumon数字游戏</strong> <br /> <br /> 学习如何使用jQuery开发一个简单的sumon数字游戏。该游戏灵感来自于hyperandroid，可以很好地训练你对数学加法的敏感度。 <br /> </p> <div style="text-align:center;"> <img alt="6 个精彩的 jQuery 游戏开发教程" src="https://simg.open-open.com/show/f84eb571fdc89aefc1be15b9ab392c15.jpg" width="300" height="370" /> </div> <p><br /> <br /> <a href="/misc/goto?guid=4958345501904763089" target="_blank">源码</a> / <a href="/misc/goto?guid=4958345502717793757" target="_blank">演示</a> <br /> <br /> <strong>2. 打字游戏</strong> <br /> <br /> 该游戏灵感来自于一款鲨鱼打字游戏，输入动画框中的单词即可得分。 <br /> </p> <div style="text-align:center;"> <img alt="6 个精彩的 jQuery 游戏开发教程" src="https://simg.open-open.com/show/6fdc82dc1b20d6073c64168658320e13.jpg" width="450" height="321" /> </div> <p><br /> <br /> <a href="/misc/goto?guid=4958345503509224667" target="_blank">源码</a> / <a href="/misc/goto?guid=4958345504309976739" target="_blank">演示</a> <br /> <br /> <strong>3. gameQuery游戏引擎</strong> <br /> <br /> gameQuery是一个易用的jQuery插件，开发者可以通过添加一些简单的游戏相关的类，来简化JavaScript游戏的开发。 <br /> </p> <div style="text-align:center;"> <img alt="6 个精彩的 jQuery 游戏开发教程" src="https://simg.open-open.com/show/5591e11156850b6bd350d66ae06b0b69.jpg" width="450" height="233" /> </div> <p><br /> <br /> <a href="/misc/goto?guid=4958333655733806798" target="_blank">源码 + 演示</a> <br /> <br /> <strong>4. 简易打字游戏</strong> <br /> <br /> 这是一个简单的基于jQuery的打字游戏，根据屏幕上的随机出现的字母进行打字，输入后，字母会下落消失。 <br /> </p> <div style="text-align:center;"> <img alt="6 个精彩的 jQuery 游戏开发教程" src="https://simg.open-open.com/show/b6ecc23101269a253c68f2ae0012cd80.jpg" width="472" height="234" /> </div> <p><br /> <br /> <a href="/misc/goto?guid=4958345505850543877" target="_blank">源码</a> / <a href="/misc/goto?guid=4958345506649224208" target="_blank">演示</a> <br /> <br /> <strong>5. 3d乒乓球游戏</strong> <br /> <br /> 该游戏灵感来自于流行的Flash游戏Curveball。玩家操纵一个方块，用于挡回反弹过来的小球，类似于乒乓球。 <br /> </p> <div style="text-align:center;"> <img alt="6 个精彩的 jQuery 游戏开发教程" src="https://simg.open-open.com/show/720b03d249cd768d8ef25400d48ea189.jpg" width="300" height="302" /> </div> <p><br /> <br /> <a href="/misc/goto?guid=4958345507445174569" target="_blank">源码</a> / <a href="/misc/goto?guid=4958345508243113512" target="_blank">演示</a> <br /> <br /> <strong>6. 贪吃蛇</strong> <br /> <br /> 学习使用HTML5 canvas和jQuery开发一个简单的贪吃蛇游戏。 <br /> </p> <div style="text-align:center;"> <img alt="6 个精彩的 jQuery 游戏开发教程" src="https://simg.open-open.com/show/8aea80a028f02b8a5c8a10f194c15642.jpg" width="421" height="257" /> </div> <p><br /> <br /> <a href="/misc/goto?guid=4958345509029693483" target="_blank">源码 + 演示</a> <br /> <br /> 英文原文：<a href="/misc/goto?guid=4958345509826772749" target="_blank">6 Awesome Game Development Tutorials with jQuery</a><br /> 载自: <a href="/misc/goto?guid=4958345510623239438" rel="nofollow" target="_blank">http://www.iteye.com/news/25389</a> </p>