layaAir 实践初探
流程官网下载IDE目录结构梳理.laya 运行的配置信息bin 编译输出文件laya 资源文件laya/asset 资源laya/page 页面和场景(创建场景后会自动生成)src 代码新建场景右键Scenes 新建场景项目设置组件使用(通用操作 以sprite为例)Sprite 使用(将basics 中Sprite 拖入到Scene 场景中完成 对图片操作的第一步...
·
流程
官网下载IDE
目录结构梳理
.laya 运行的配置信息
bin 编译输出文件
laya 资源文件
laya/asset 资源
laya/page 页面和场景(创建场景后会自动生成)
src 代码
新建场景
右键Scenes 新建场景
项目设置
注意:一般适配策略式fixedHeight
组件使用(通用操作 以sprite为例)
Sprite 使用(将basics 中Sprite 拖入到Scene 场景中完成 对图片操作的第一步)
如果是动态更换图片,建议使用image 属性
调整sprite显示区域,点击属性 添加图片资源,完成图片显示。
需要注意:
1.属性调整见图,属性调整会影响子节点。
2.中心点调整: PivotX ,Y 可在视图中拖动调整也可以直接调整锚点(0,0)左上 ,(1,1)右下
新建脚本
注意不要在src 目录下直接新建脚本,创建一个文件夹将新的脚本放入其中,这样可以自动注册脚本
在脚本配置中注册新的脚本
脚本固定入口:
编辑器的绑定 代码中定义变量与动态添加组件
export default class GameMgr extends Laya.Script {
constructor() {
super();
/** @prop {name:intType, tips:"整数类型示例", type:Int, default:1000}*/
let intType = 1000;
/** @prop {name:numType, tips:"数字类型示例", type:Number, default:1000}*/
let numType = 1000;
/** @prop {name:strType, tips:"字符串类型示例", type:String, default:"hello laya"}*/
let strType = "hello laya";
/** @prop {name:boolType, tips:"布尔类型示例", type:Bool, default:true}*/
let boolType = true;
/** @prop { name:speed, tips:"字符串示例", type:Int, default:0 } */
let speed = 10;
/** @prop {name:Btn, tips:"布尔类型示例", type:node, default:null}*/
let Btn = null;
// 更多参数说明请访问: https://ldc2.layabox.com/doc/?nav=zh-as-2-4-0
}
onStart()
{
console.debug(this.intType);
console.debug(this.owner.parent);
var child=this.owner.getChildByName("");
for(var i=0;i<this.owner.numChildren;i++)
{
console.log(this.owner.getChildAt(i))
}
console.debug(this.Btn);
//代码中添加组件
var txt2=new Laya.Text();
txt2.fontSize=32;
txt2.text="ni MM";
txt2.color="#FF0000";
this.owner.addChild(txt2);
}
onEnable() {
}
onDisable() {
}
}
中心点设置
image 九宫格
handle
var j= Laya.Handler.create("hw",function(p1,p2,value){
console.log(this+p1+p2+value);
},["szw","250"]);
// j.run();
//在触发的位置传递参数
j.runWith(1000);
更多推荐
所有评论(0)