好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

HTML5游戏引擎lufylegend深入浅出 - 引擎介绍&原理

二,lufylegend.js引擎介绍

三,引擎原理

四,利用引擎初始化游戏

init(50,"mylegend",800,480,main)  
这个函数的参数是:
init(speed,divid,width,height,completeFunc);
speed:游戏速度设定
divid:传入一个div的id,库件进行初始化的时候,会自动将canvas加入到此div内部
width:游戏界面宽
height:游戏界面高
completeFunc:游戏初始化后,调用此函数
在使用lufylegend时,不用在html文件中写什么<canvas>标签,不过要写一个div,如下:
[javascript] view plain copy 在CODE上查看代码片派生到我的代码片
<!DOCTYPE html>  
<html>  
<head>  
<meta charset="UTF-8">  
<title>demo</title>  
</head>  
<body>  
<div id="mylegend">loading……</div>  
<script type="text/javascript" src="lufylegend-x.x.x.min.js"></script>   
<script>  
init(50,"mylegend",800,480,main);  
function main(){  
    alert("感谢您使用lufylegend库件");  
}  
</script>  
</body>  
</html>

五,引擎基本功能及原理

var loadData = [  
{name:"yorhom",path:"./images/yorhom.png"}  
];  
var datalist=[];   
function main(){   
    loadingLayer = new LoadingSample1();   
    addChild(loadingLayer);   
    LLoadManage.load(   
        imgData,   
        function(progress){   
            loadingLayer.setProgress(progress);   
        },   
        gameInit   
    );   
}   
function gameInit(result){   
    datalist = result;   
    removeChild(loadingLayer);   
    loadingLayer = null;   
      
    var bitmapData = new LBitmapData(datalist["yorhom"]);  
    var bitmap = new LBitmap(bitmapData);  
    addChild(bitmap);  
}
init(20,"mylegend",500,400,main);   
var backLayer,title;   
function main(){   
    backLayer = new LSprite();   
    addChild(backLayer);   
    title = new LTextField();   
    title.size = 30;   
    title.color = "#ff0000";   
    title.text = "文字显示测试";   
    backLayer.addChild(title);   
}

查看更多关于HTML5游戏引擎lufylegend深入浅出 - 引擎介绍&原理的详细内容...

  阅读:50次

上一篇: lufylegend引擎效率

下一篇:lufylegend.js入门