LayaAir之引入模块(module)编程方案-创新互联

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

成都创新互联公司网站建设公司提供网站设计和自适应建站服务。团队由有经验的网页设计师、程序员和市场专家组成,能够提供从H5网站设计,网站制作,广告投放,模板建站到小程序设计等全方位服务。 以客户为中心,致力于为客户提供创新、高效的解决方案,帮助您打造成功的企业网站。

一 : 关于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在一个目录里面
LayaAir之引入模块(module)编程方案

import { demo } from "./MaskDemo";

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

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

-扩展(如果MaskDemo在script里面)
LayaAir之引入模块(module)编程方案
import { demo } from "./script/MaskDemo";

补充 , 另一种方案
import demo = require("./demo/MaskDemo");
import demo1 = require("./demo/DrawShapes");

运用
let $mask : demo.demo.MaskDemo = new demo.demo.MaskDemo();
let $draw : demo1.demo.DrawShapes = new demo1.demo.DrawShapes();

另外有需要云服务器可以了解下创新互联cdcxhl.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


网站栏目:LayaAir之引入模块(module)编程方案-创新互联
标题网址:http://myzitong.com/article/dgpgie.html