1.初始化画布
<div id="legend">
</div>
<script>
LInit(50, "legend", 600, 500, main);
</script>
LInit参数说明:50为速度帧频,legend为div对应的ID,600,500为画布大小,main为入口函数名
2.全屏设置
if(LGlobal.canTouch){
LGlobal.stageScale = LStageScaleMode.EXACT_FIT;
LSystem.screen(LStage.FULL_SCREEN);
}
3.资源加载
var loadData = [
{path:"./js/jsfile01.js",type:"js"},
{path:"./js/jsfile02.js",type:"js"},
{name:"img0",path:"./images/img0.png"},
{name:"img1",path:"./images/img1.png"},
{name:"text01",path:"./files/text01.txt",type:"text"},
{name:"text02",path:"./files/text02.txt",type:"text"},
{name:"sound01",path:"./sounds/sound01.wav",type:"sound"},
{name:"sound02",path:"./sounds/sound02.wav",type:"sound"}
];
var loadingLayer;
var datalist=[];
function main(){
loadingLayer = new LoadingSample1();
addChild(loadingLayer);
LLoadManage.load(
loadData,
function(progress){
loadingLayer.setProgress(progress);
},
gameInit
);
}
function gameInit (result) {
datalist = result;
removeChild(loadingLayer);
loadingLayer = null;
//do something
var bitmapData = new LBitmapData(datalist["img0"]);
var txt = datalist["text01"];
var sound = new LSound();
sound.load(datalist["sound01"]);
sound.play();
}
文件类型 | 格式 |
---|---|
js文件 | {path:"./js/GameBody.js",type:"js"}。1.9.1以上版本,type可以省略。 |
图片文件 | {name:"testimg",path:"./images/testimg.png"}。1.9.1以上版本,type可以省略。 |
文本文件 | {name:"testfile",path:"./files/testfile.txt",type:"text"}。1.9.1以上版本,扩展名为"txt"的时候,type可以省略。 |
音频文件(需要服务器支持) | {name:"testSound",path:"./sounds/testsound.wav",type:"sound"}。1.9.1以上版本,音频文件扩展名为"mp3", "ogg", "wav", "m4a"的时候,type可以省略。 |
4.加载进度条
引擎中目前提供的进度条类有:LoadingSample1~7var loadData = [
{path:"./js/jsfile01.js",type:"js"},
{path:"./js/jsfile02.js",type:"js"},
{name:"img0",path:"./images/img0.png"},
{name:"img1",path:"./images/img1.png"},
{name:"text01",path:"./files/text01.txt",type:"text"},
{name:"text02",path:"./files/text02.txt",type:"text"},
{name:"sound01",path:"./sounds/sound01.wav",type:"sound"},
{name:"sound02",path:"./sounds/sound02.wav",type:"sound"}
];
var loadingLayer;
var datalist=[];
function main(){
loadingLayer = new LoadingSample1();
addChild(loadingLayer);
LLoadManage.load(
loadData,
function(progress){
loadingLayer.setProgress(progress);
},
gameInit
);
}
function gameInit (result) {
datalist = result;
removeChild(loadingLayer);
loadingLayer = null;
//do something
}
5.画布添加
addChild(loadingLayer);与<pre name="code" class="javascript" style="color: rgb(51, 51, 51); font-size: 13px; line-height: 18.2000007629395px;">removeChild(loadingLayer);
示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>01</title>
<script src="lib/lufylegend-1.9.10.js" type="text/javascript"></script>
</head>
<body>
<div id="test"></div>
<script language="javascript">
LInit(50,"test",600,400,main);
function main(){
var loadPr= new LoadingSample1();
this.addChild(loadPr);
LLoadManage.load([{name:'player',path:'./img/player.png'}],function(p){
loadPr.setProgress(p);
},function(){
this.removeChild(loadPr);
loadPr = null;
});
}
</script>
</body>
</html>