HTML5尝鲜：用HTML5 Canvas开发的游戏Demo – Field Runner
一直从事Flash相关开发，但也一直在关注HTML5及相关技术。最近基于HTML5 Canvas并按照AS3的架构开发了一个JS游戏框架CasualJS（此框架正在开发完善中，编程方式也跟用as3开发非常类似，如果有朋友有兴趣的话以后可以考虑开源）。
不知道大家对ipad下的经典塔防游戏Field Runner有没有印象，下面就是我用Field Runner的一些素材(版权归原著所有，只是借用而已)以及这个框架做的一个简单的游戏demo，以此检验HTML5 Canvas做游戏的能力，有兴趣的可以到这里来体验一下：http://www.riaidea.com/html5/runner/ (因需加载近2M的图片资源，稍微有点慢），请用支持HTML5的浏览器浏览，如Firefox3.6，Safari5，Chrome等。
游戏功能更新：
* 单一敌人兵种步兵，可4方向行进及自动寻路。
* 单一防御武器格林机枪，可360度旋转瞄准射击。
* 消灭敌人可获得相应的金钱，可用来制造新的防御武器。
* 敌人逃跑会降低生命值，生命值为0则游戏失败。
* 游戏是无限模式，敌兵一波接一波源源不断，不过中途可暂停和继续。
* 简单的敌人升级系统，敌兵每2波增强一次，生命值大幅提升，金钱和积分小幅提升。
* 简单的武器升级系统，武器可升级共10级，升级后攻击力大幅提升，攻击范围和速度小幅提升。武器也可出售，不过金钱减半。
* 地图全范围开放，支持堵路技术，延长敌人行进线路。
一月 20th, 2011 at 12:54
做得相当不错,可否加为好友. 跟as3很像吧.我也想学学的.
http://www.123456789go.com
一月 22nd, 2011 at 14:38
帅
二月 1st, 2011 at 11:59
不错啊~
提个建议：
1. 加个重新开始游戏的按钮吧~
2. 怪能不能待一波都打完再出下一波，不然的话，地图上怪太多，浏览器卡的不行
3. 采用开关阀布局~ 基本不好挂~ 但，也到后期也打不死敌人，血太厚了~
ROUND 223，32523分，13滴血，没有继续打，怪太多太卡
六月 10th, 2011 at 17:46
不错不错，支持下
七月 14th, 2011 at 15:55
你好，在测试浏览器时，无意中发现你博客中的http://www.riaidea.com/html5/minesweeper/ 在我的浏览器中不能很好的运行。虽然2d扫雷的界面显示出来了，但是页面对鼠标完全没有响应（运行效果和搜狗浏览器的极速模式一样），请问是什么html5的什么特性浏览器不支持导致的呢？
七月 16th, 2011 at 23:09
如果你的浏览器支持canvas的话，那么一般来说这个游戏应该能正常运行。比如firefox3.5+，chrome，safari5+，IE9+等。至于搜狗、360、遨游等国产浏览器没测试过。
九月 7th, 2011 at 19:36
您好，请教一个问题，我从ipa提取出来的资源为什么背景都是黑色的呢，已经经过pngfix了，我怎么把alpha通道还原呢，多谢指教
九月 14th, 2011 at 00:32
呵呵，那个alpha、rgb合并的问题我已经解决了！你要写引擎其实没有必要完全自己重写，google的closure框架就非常不错，特别是事件模型和ajax，其他的实用函数也非常多，高效的数据结构很多也都有现成的，完全没有必要从零开始了。
九月 15th, 2011 at 16:45
closure相对来说太重了，我要的是轻量级的。