窗口组成上一节,我们完成了开发环境的配置,这时候,我们肯定有疑问,laya到底是怎样一步一步将图像渲染在屏幕上,工程目录下那些文件又都表示些啥,执行顺序又是怎样的?带着这些疑问我们进入这一节的学习,以官方2D模板为例
再来看一下目录文件夹
目录文件夹-
项目配置文件(.laya文件夹)
.laya 文件夹下存放的是laya系统运行库以及第三方平台库,如支付宝小游戏,微信小游戏,百度小游戏等编译后的js文件。 -
vscode/launch.json文件保存了项目调试的一些配置信息,分别是LayaAirIDE的调试配置和chrome浏览器调试配置。可以根据自己项目需要修改。
-
项目的输出目录(bin)
bin目录下存放的就是当前项目的输出文件
bin/index.html是项目的入口文件,所有的LayaAir引擎类库或者是第三方类库的JS都需要在这里引入。(可以对没用到的进行删除)
bin/js 文件夹下存放的是项目中的TypeScript 文件编译成的js 文件。
bin/libs 文件夹存放的是 LayaAir 引擎各模块的JS 文件,如图4所示,在项目中需要使用哪个模块就需要在 index.html 引入对应的 模块包JS文件。 -
UI项目目录(laya)--
laya目录用于存放LayaAirIDE当前的UI项目。
laya/assets 目录用来存放UI页面、粒子等组件所需的图片资源。
laya/pages目录用来存放LayaAirIDE创建页面布局生成的文件。
laya/.laya文件是LayaAirIDE的UI项目配置文件。 -
.d.ts代码提供文件目录(libs)
libs目录下是layaAir引擎LayaAir.d.ts文件。用来代码提示,开发者假如有三方的类库使用,相关的.d.ts文件请放到这个目录下。 -
项目代码目录(src)--
项目代码文件默认将存放在 src 目录。 -
项目配置文件
项目名.laya 是项目配置文件,文件内记录了当前项目的项目名称、使用的类库版本号和项目类型。
{"proName":"myLaya4","engineType":0,"proType":1,"layaProType":1,"version":"2.1.0"}
tsconfig.json文件是ts工程的配置文件,勿删。
网友评论