HTML5 Canvas开发框架：CasualJS Framework

最新更新：
2011-3-6 增加显示对象碰撞检测DisplayObject.hitTestObject及示例。

CasualJS Framework是根据ActionScript3.0的架构开发的一套适用于HTML5 Canvas的面向对象的开发框架。目的是让你无缝的从AS3开发过渡到HTML5 Canvas开发。虽然Canvas提供了强大的绘图功能，但满足不了高级开发的需要。利用CasualJS的显示对象架构及渲染机制，你可以轻松的在Canvas中操控各种位图、图形、影片剪辑等显示对象，就如同在用AS3开发一样愉快。

框架特性：
* 类似AS3的显示对象列表结构封装
* 基于帧的显示对象渲染机制
* 基于帧的MovieClip动画片段实现
* 内置简单的事件模型

演示和示例：
* 显示对象DisplayObject
* 影片剪辑MovieClip
* 按钮Button
* 绘制图形Graphics
* 显示对象碰撞检测Collision

* 塔防游戏Runner
* 斗地主

API文档：
* API在线文档：http://www.riaidea.com/html5/casualjs/doc/

下载：
* 完整版本：casualjs v0.1 (包括源码、API文档和示例)
* 源码也可到google svn下载：http://code.google.com/p/casualjs/

项目主页：
* http://code.google.com/p/casualjs/
* www.html5idea.com

这是一个开源框架并且刚刚起步，如果你有兴趣参与，请联系我。

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级，升级后攻击力大幅提升，攻击范围和速度小幅提升。武器也可出售，不过金钱减半。
* 地图全范围开放，支持堵路技术，延长敌人行进线路。