本人使用的是layabox ide 2.13.0beta版本,以及vscode。
.laya文件夹中存放一些项目开发中到发布需要的文件以及一些配置信息。
比如文件夹内的complie.js中33行就是设置项目文件的主入口。
bin文件夹内是项目输出的文件,在编辑器上运行时,其实就是运行的bin文件夹下的html文件。
laya文件夹存放的是项目的资源文件
laya文件夹下的assets文件夹内是项目自带的一套ui图片
在创建场景后,laya文件夹下会生成pages文件夹,用于存放使用编辑器创建的场景喝页面。
libs文件夹内存放的是编辑器代码提示文件。
src内存放项目逻辑文件,内部创建一个空项目会默认生成两个文件:Main.js和GameConfig.js
Main.js是入口文件,用于初始化一些场景内容
GameConfig.js是配置文件,里面的配置用于初始化场景,用于Main.js
tsconfig.json为整个项目的编译配置,用于ts编译,源码就是用ts开发的。
demo2.laya文件为项目的入口,可以通过此文件识别是否为一个laya项目,demo2为项目的名称。
src文件
我们可以先看一下Main.js文件的内容,这里针对官方的注释我又增添了一些
可以看出,Main.js文件首先引入了GameConfig.js文件,然后通过引入的GameConfig.js文件内的配置进行初始化场景来添加数据。
GameConfig.js文件我们无法直接修改需要在编辑器内进行修改,我们可以通过进入'编辑模式'后,点击F9来打开编辑框进行编辑。
代开项目设置,我们会发现当前的一些设置都是在设置场景的相关内容,比如初始场景,对应到Main.js里面的GameConfig.startScene && Laya.Scene.open(GameConfig.startScene);即如果这里设置了,编辑的GameConfig.js的时候,将会在startScene属性上生成目标场景名称。
设计宽高度,为当前场景设计时的宽度和高度。
场景适配模式
取值范围:
“noscale” :不缩放;
“exactfit” :全屏不等比缩放;
“showall” :最小比例缩放;
“noborder” :最大比例缩放;
“full” :不缩放,stage的宽高等于屏幕宽高;
“fixedwidth” :宽度不变,高度根据屏幕比缩放;
“fixedheight” :高度不变,宽度根据屏幕比缩放;
“fixedauto” :根据宽高比,自动选择使用fixedwidth或fixedheight;
场景横竖屏
取值范围:
“none” :不更改屏幕
“horizontal” :自动横屏
“vertical” :自动竖屏
垂直对齐方式
取值范围:
“top” :居顶部对齐;
“middle” :居中对齐;
“bottom” :居底部对齐;
水平对齐方式
取值范围:
“left” :居左对齐;
“center” :居中对齐;
“right” :居右对齐;