Laya之引入模块(module)编程方案

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Laya之引入模块(module)编程方案相关的知识,希望对你有一定的参考价值。

Laya在引入类等方面确实没有Egret做的好(比较麻烦),本人喜欢模块,所以给出了在Laya中使用模块(module)的解决方案.


一 : 关于MaskDemo.ts的写法

export module demo{
    export  class MaskDemo{
        private Res : string = null;
        private img : Laya.Sprite = null;
        private cMask : Laya.Sprite = null;
        public constructor(){
            Laya.init(1336,640);
            Laya.stage.bgColor = "#ffffff";
            this.Res = "res/atlas/comp.png";
            Laya.loader.load( this.Res , Laya.Handler.create(this,this.graphicsImg) );
        }
        private graphicsImg() : void{
            this.img = new Laya.Sprite();
            this.img.graphics.drawTexture(Laya.loader.getRes(this.Res), 300 , 100);
            Laya.stage.addChild(this.img);

            // this.cMask = new Laya.Sprite();
            // this.cMask.graphics.drawCircle(80,80,50,"#ff0000");
            // this.cMask.pos(120,50);
            // this.img.mask = this.cMask;
        }
    }
}

注意 :
①,module前面也要以export修饰

二:在Main.ts中引用
Ps : MaskDemo.ts和Main.ts在一个目录里面
技术分享图片

import { demo } from "./MaskDemo";

注意: ①{}里面写入module名称

使用 : let $mask : demo.MaskDemo = new demo.MaskDemo();

-扩展(如果MaskDemo在script里面)
技术分享图片
import { demo } from "./script/MaskDemo";

以上是关于Laya之引入模块(module)编程方案的主要内容,如果未能解决你的问题,请参考以下文章

LayaAir之小游戏开放域开发

Laya 自制框架之事件管理器

Python基础之模块

ES6特性之模块Modules

Node 中如何引入一个模块及其细节

webpack之性能优化(webpack4)