基于HTML5 Canvas的引擎

1. Laro， 一个基于html5 canvas的用于平面2d或者2.5d游戏制作的轻量级游戏引擎，为了简化使用canvas制作游戏时的api调用。同时提供了一套“有限状态机”的开发模式，这种模式在对于游戏这一类的典型的“事件驱动”的模型的开发上。能够很好的做到模块间的低耦合，利于开发者梳理整个开发逻辑。
2. CutJS，为开发者提供了一个类似于DOM树的数据模型来编写应用程序，并在内部管理渲染周期和应用绘制，还能处理并向目标树节点分发鼠标事件。
3. X-Canvas，是一套完全遵循HTML5规范的标准库，针对目前智能手机硬件及网络环境特点进行了适配，可以跨平台使用。X-Canvas使用了OpenGLES硬件加速，从而使手机游戏应用在画面渲染、操作交互、运行性能等用户体验上有很大提升。

利用canvas绘制一个圆




用canvas画圆




var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext('2d');
ctx.beginPath();//开始路径
ctx.arc(150,150,100,0,Math.PI*2,true);//绘制
ctx.closePath();//闭合路径
ctx.strokeStyle = "#4d4e53";//设置轮廓颜色
ctx.fillStyle = "#6a83ff";//设置填充颜色
ctx.stroke();
ctx.fill();