码迷,mamicode.com
首页 > Web开发 > 详细

Html5+Lufylegend.js游戏开发(一)引擎介绍及原理

时间:2016-09-17 13:29:55      阅读:234      评论:0      收藏:0      [点我收藏+]

标签:

 

Yorhom|2013-09-26 10:30|次浏览|

游戏开发(4)HTML5(124)游戏引擎(33)Lufylegend.js(1)

 

 

 Html5游戏开发最近受到很多开发者的关注。但是html5本身不是为游戏开发而量身定造的,所以开发起来十分麻烦。因此挑选好的引擎对游戏开发十分有帮助。

 

 在游戏开发中,有这么几种程序语言:

 C++配合OpenGL(移动端游戏开发)

 C++配合DirectX(PC端游戏开发)

 Java (移动端游戏开发)

 ActionScript(网页游戏开发)

 

 html5在游戏开发上,效率都不及以上的几种。但它的优势是很显然的:跨平台+语法简单。在未来,如果html5的效率能大大提升,前途是无量的。因此研究它是很有必要的。

 

 回到正题,html5在没有任何打包的情况下,是做网页游戏的,和ActionScript是同种类型的。但是ActionScript最主要的缺点就是不是跨平台的。因此html5正好可以弥补这个缺点。对于诸位ActionScript开发者来说,如果能利用ActionScript的语法,开发html5游戏那是再方便不过的了。因此lufylegend这款引擎就出现了。

 

一、lufylegend介绍

 

 

 lufylegend是一款开源html5游戏引擎, 它实现了利用仿ActionScript3.0的语法进行HTML5的开发,包含了LSprite,LBitmapData,LBitmap,LLoader,LURLLoader,LTextField,LEvent等多个AS开发人员熟悉的类, 支持Google Chrome,Firefox,Opera,IE9,IOS,Android等多种热门环境。利用lufylegend可以轻松的使用面向对象编程,并且可以配合Box2dWeb制作物理游戏, 另外它还内置了LTweenLite缓动类等非常实用的功能,现在开始使用它吧,它可以让你更快的进入HTML5的世界!

 

二、引擎地址

 

 引擎官方主页:http://lufylegend.com/lufylegend

 

 引擎API文档:http://lufylegend.com/lufylegend/api

 

三、引擎的原理

 

 lufylegend使用起来非常方便,首先需要用到引擎中的init来初始化游戏。代码如下:

 init(50,"mylegend",816,480,main);

 

 这个函数的API文档介绍如下:

 

 —————————————————————–

 init(

 speed,

 divid,

 width,

 height,

 completeFunc,

 type

 )

 ■作用:

 

 库件初始化

 ■参数:

 

 speed:游戏速度设定

 

 divid:传入一个div的id,库件进行初始化的时候,会自动将canvas加入到此div内部

 

 width:游戏界面宽

 

 height:游戏界面高

 

 completeFunc:游戏初始化后,调用此函数

 

 type:当为null时,会先进行页面的onload操作,如果你的init函数调用是在onload之后,那么需要将此参数设为LEvent.INIT

 

 —————————————————————–

 

 初始化游戏后,就要开始游戏开发了。在引擎中,游戏的运行流程是这样的:

 

 

 在游戏中,有一个比较重要的元素就是ENTER_FRAME时间轴事件,时间轴事件说白了就是死循环,不过是过一段时间后循环一次,在时间轴事件里我们可以通过改变一些属性(如x,y)来实现更改游戏的一些数据,从而使下次重绘时,显示出更改后的界面。

 

 当然,你也可以不用ENTER_FRAME时间轴事件,直接改属性是一样的,但是对于一个有动态的游戏来说,时间轴事件是必不可少的。

 

 在流程图里,我们还看到了界面重绘,引擎中是用setInterval来实现的,它通过遍历底层的对象数组,调用遍历到的对象中onshow方法来实现绘制,以此在画布canvas对象上显示出来。用数组装入这些对象最大的好处就是可以实现层次化,通过绘画先后顺序不同,就产生了层次化效果。

 

 流程就简单地介绍到这里,以后慢慢解释。

 

四、开发示例

 

 是英雄就下100层

 技术分享

 

 

 圣诞老人送礼物

 技术分享

 

 

 太空大战

 技术分享

 

 

 更多官方游戏请见:http://lufylegend.com/lufylegend/demo

 

 用户用lufylegend开发的游戏:http://lufylegend.com/html5/lufylegend_developers

 

 如有任何疑问也可以到lufylegend论坛讨论:http://lufylegend.com/forum/forum.php

 

 本文就到此结束了,希望对大家学习游戏开发有帮助。

Html5+Lufylegend.js游戏开发(一)引擎介绍及原理

标签:

原文地址:http://www.cnblogs.com/wuyiblogs/p/5878308.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!