流程
官网下载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);
Logo

CSDN联合极客时间,共同打造面向开发者的精品内容学习社区,助力成长!

更多推荐