基于HTML5 Canvas的引擎

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/github_37495240/article/details/54986300
  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();


展开阅读全文

没有更多推荐了,返回首页