layabox项目文件及项目配置

本人使用的是layabox ide 2.13.0beta版本,以及vscode。

image

.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文件的内容,这里针对官方的注释我又增添了一些

image

可以看出,Main.js文件首先引入了GameConfig.js文件,然后通过引入的GameConfig.js文件内的配置进行初始化场景来添加数据。
GameConfig.js文件我们无法直接修改需要在编辑器内进行修改,我们可以通过进入'编辑模式'后,点击F9来打开编辑框进行编辑。

image

代开项目设置,我们会发现当前的一些设置都是在设置场景的相关内容,比如初始场景,对应到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” :居右对齐;

推荐这些文章:

layabox项目文件及项目配置--2.12.0

.laya文件夹中存放一些项目开发中到发布需要的文件以及一些配置信息。
bin文件夹内是项目输出的文件,在编辑器上运行时,其实就是运行的bin文件夹下的html文件。
laya文件夹存放的是项目的资源文件
laya文件夹下的assets文件夹内是项目自带的一套ui图片
在创建场景后,laya文件夹下会生成pages文件夹,用于存放使用编辑器创建的场景和页面。
libs文件夹内存放的是编辑器代码提示文件。
src内存放项目逻辑文件,内部创建一个空项目会默认生成两个文件:Main.js和GameConfig.js
Main.js是入口文件,用于初始化一些场景内容
GameConfig.js是配...

移动端屏幕配(rem+js)

什么是移动端适配
在制作webapp时,一个很关键的问题就是适配各种机型不同屏幕的大小,让每种机型上的布局看起来都尽量一样。
也就是说用同一套代码在不同分辨率的手机上跑时,页面元素间的间距、留白,以及图片大小会随着变化,在比例上跟设计稿一致。
没有实现适配时,不同屏幕大小中的高度、宽度、字体大小是一样的,如下图所示:

常见的移动端适配方法
适配方案有很多种,常见的方法有以下几种:

固定高度,宽度百分比:这种方法只适合简单、要求不高的webApp,几乎达不到大型项目的要求,属于过时的方法。
Media Query(媒体查询):现在比较主流的适配方案,比如常用的样式框架Bootstrap就...

文章标题:layabox项目文件及项目配置
文章链接:https://www.dianjilingqu.com/51311.html
本文章来源于网络,版权归原作者所有,如果本站文章侵犯了您的权益,请联系我们删除,联系邮箱:saisai#email.cn,感谢支持理解。
THE END
< <上一篇
下一篇>>