当前位置:  软件>JavaScript软件

基于HTML5 Canvas的轻量级游戏引擎 Laro

    来源:    发布时间:2014-12-29

    本文导语:  随着html5 相关技术的兴起,因其跨平台的特性,和标准的日益完善。html5相关技术越来越多的被应用到前沿app的开发中,尤其是html5 小游戏的开发。 Laro 是一个基于html5 canvas的用于平面2d或者2.5d游戏制作的轻量级游戏引擎。 因...

随着html5 相关技术的兴起,因其跨平台的特性,和标准的日益完善。html5相关技术越来越多的被应用到前沿app的开发中,尤其是html5 小游戏的开发。

Laro 是一个基于html5 canvas的用于平面2d或者2.5d游戏制作的轻量级游戏引擎。

因为当前canvas作为画布形态的dom元素,并提供了大量关于矢量图以及texture绘制的api,但是由于其本身提供的api太过于底层,在类似游戏这一类交互性,逻辑性较为复杂的app时。需要开发者编写大量底层的api来实现本身的业务逻辑。

Laro出现的目的是为了简化使用canvas制作游戏时的api调用。同时提供了一套“有限状态机”的开发模式,这种模式在对于游戏这一类的典型的“事件驱动”的模型的开发上。能够很好的做到模块间的低耦合,利于开发者梳理整个开发逻辑。

Laro 游戏引擎目前已经完成了游戏开发中所需要的模块和api的封装,并有一些实际的Demo和TestCase供使用者参考。而且随后会结合这个引擎整理出一套用于html5 小游戏开发的可视化编辑工具。 旨在帮助开发者更快更容易的搭建一款小游戏为目的。

目前已经开源到github (https://github.com/AlloyTeam/Laro)

我们团队希望通过Laro的不断完善,能够帮助更多的html5 小游戏开发者以更快的速度,更优的质量完成 html5小游戏 产业化的开发。

Version Log
  • 0.1 - 基础模块搭建

  • 0.2 - 融入jcanvas,配合鼠标事件处理

  • 0.3 - 加强状态机模块

查看以下demo最好使用chrome  : )

http://hongru.github.com/proj/laro/examples/emberwind/

http://hongru.github.com/proj/laro/examples/typeshot/index.html

http://hongru.github.com/proj/laro/examples/jxhome/

http://heroes.github.com/world-of-heroes/development/



    
 
 

您可能感兴趣的文章:

  • 轻量级的HTML5游戏引擎 melonJS
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • HTML5 游戏引擎 Isogenic Game Engine
  • HTML5 游戏引擎 Quintus
  • HTML5游戏引擎 X-Canvas
  • HTML5开源引擎 lufylegend
  • HTML5 游戏引擎 Traffic Cone
  • HTML5 拼图游戏引擎 PuzzleScript
  • html5粒子引擎 Proton
  • HTML5游戏引擎 gibdo
  • HTML5 游戏引擎 CanvasEngine
  • HTML5 游戏引擎 squarepig
  • HTML5游戏引擎 Turbulenz
  • HTML5 游戏引擎 Frozen
  • HTML5跨平台游戏引擎 Sirius2D
  • 2D HTML5 渲染引擎 CutJS
  • 高性能远程对象服务引擎 Hprose for HTML5
  • HTML5模板引擎 Thymeleaf
  • 基于Html5的mockups在线工具简介
  • 让 IE 支持 HTML5 html5shim
  • HTML5介绍及其特性
  • 基于HTML5的幻灯片 html5slides
  • HTML5 sprite 样式创建工具Stitches介绍
  • HTML5 在线工具 html5demos
  • HTML5 <bdo> 标签:覆盖默认的文本方向
  • Web便签 HTML5Sticky
  • HTML5 <blockquote> 标签(定义引用)详细介绍及举例说明
  • HTML5 canvas图形库 RGraph
  • html5/css3文本阴影(text-shadow)详解及示例
  • HTML5的Canvas库 KineticJS
  • HTML5 <b> 标签-定义粗体的文本
  • HTML5文件系统API filer.js
  • HTML5 canvas 标签介绍:定义图形


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3