HTML5技术

html5 canvas RPG游戏效率探索.

字号+ 作者:admin 来源: 2014-11-16 21:26 我要评论( )

最近在研究 html 5 游戏 实现可行性,做了些demo在这里分享给 天地会 的兄弟们。 [演示地址: http://www.the3frames.com/html5Demo/Test.html HTML5 RPG游戏可行性测试: HTML5 Canvas实现在整个游戏渲染,

 最近在研究html5游戏实现可行性,做了些demo在这里分享给天地会的兄弟们。
[演示地址:http://www.the3frames.com/html5Demo/Test.html
HTML5  RPG游戏可行性测试:
HTML5 Canvas实现在整个游戏渲染,Javascript实现逻辑层。
要想做游戏首先得解决以下问题 :
显示对象的鼠标事件
1. 动画问题。   
   解决方案用canvas的位图剪切方法对图片进行切割,再用setInterval进行逐帧渲染。
2. 图层问题。
   可以用多个canvas,也可以对canvas时时渲染。
3. 对象鼠标事件。
4. 键盘按键状态。

当然还有很多很多的问题有待解决,以上只是最基本几个问题。
难以解决的问题 
1. 渲染效率。
2. Javascript对OOP支持的不好,做大型游戏感觉吃力。
截图:


演示地址:http://www.the3frames.com/html5Demo/Test.html
代码:  html5.rar (294.71 KB)

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5 Canvas玩转酷炫大波浪进度图 - 【当耐特】

    HTML5 Canvas玩转酷炫大波浪进度图 - 【当耐特】

    2016-12-14 11:01

  • 自己写的HTML5 Canvas + Javascript五子棋 - 氢氦

    自己写的HTML5 Canvas + Javascript五子棋 - 氢氦

    2016-10-31 13:00

  • html5 canvas首屏自适应背景动画循环效果代码 - 上善如水211

    html5 canvas首屏自适应背景动画循环效果代码 - 上善如水211

    2016-08-23 16:00

  • HTML5 Canvas彩色小球碰撞运动特效 - roucheng

    HTML5 Canvas彩色小球碰撞运动特效 - roucheng

    2016-06-25 13:00

网友点评