搭建页游框架

来源：互联网发布：java 接口隔离原则编辑：程序博客网时间：2024/04/28 07:23

搭建开发框架是开发的开始。使用lufylegend引擎开发页游有一个很大的优点，就是搭建框架比较简单。

第一步：创建一个项目文件夹（例如card）

第二步：在card下面创建一个html文件（例如index.html）。这个是通过浏览器进入游戏的入口。Html文件内要设置一下编码方式，使用到的js文件的路径。

第三步：在card文件夹下面创建一个js文件夹（用来存放开发游戏时写得js脚本，方便管理）。

第四步：在card文件夹下面创建一个images文件夹（用来存放图片资源）

第五步：在card文件夹下面创建一个musics文件夹（用来存放音频资源）

第六部：把引擎文件放在card下面（当然也可以选择放在js里，不过要修改html文件内的路径）

现在开始写脚本：

创建一个mian.js放在js文件夹下（以后的所有脚本都是放在js文件夹下）

LInit(30,"mylegend",1024,768,main);

var g_BackLayer;

functionmain(){

LGlobal.setDebug(true);

g_BackLayer=newLSprite();

addChild(g_BackLayer);

g_BackLayer.graphics.drawRect(0,"#008800",[0,0,LGlobal.width,LGlobal.height],true,"#111111");

}

代码分析：LInit函数是引擎提供的游戏入口，第一个参数（30）表示每帧的刷新时间（30毫秒），即每30毫秒会刷新界面一次。第二个参数“mylegend”是画板（canvas）的id（游戏上的可视化控件都是通过在画板上绘制达到可视化），这个id要跟html文件里的一致（后面会详细介绍html文件内容）。第三个参数（1024）表示画板的宽度，即游戏界面的宽度。第四个参数768表示画板的高度。第五个参数main表示进入游戏的入口函数。

LGlobal.setDebug(true);是设置debug，发布时要关掉；

LSprite()是引擎提供的可视化类；

graphics.drawRect()通过LSprite绘制一个矩形。具体参数以后介绍。

html文件内容：

<!DOCTYPE HTML>

<html>

<head>

</head>

<body>

<div id ="mylegend">loading...</div>

<scripttype="text/javascript">

</script>