Laya 实操九：资源加载+图片切换+创建预设+打包图集+图集帧动画

资源加载

export default class Test extends Laya.Script { constructor() { super(); } private self: any = null; onAwake(){ this.self = this.owner; } onStart(){ //普通 /* Laya.loader.load("gameass/BackgroundMusic.wav",Laya.Handler.create(this,function (){console.log("ok");})); */ //含参 /* Laya.loader.load("gameass/BackgroundMusic.wav",Laya.Handler.create(this,function(sound){console.log("ok",sound);}),null,Laya.Loader.SOUND); */ //多个+进度 /* Laya.loader.load(["gameass/BackgroundMusic.wav","gameass/load.jpg"],Laya.Handler.create(this,function(){console.log("ok");}),Laya.Handler.create(this,function(per){console.log(per);})); */ //获取 /* Laya.loader.load(["gameass/BackgroundMusic.wav","gameass/load.jpg"],Laya.Handler.create(this,function(){ console.log("ok"); let sound = Laya.loader.getRes("gameass/BackgroundMusic.wav"); console.log(sound); }),Laya.Handler.create(this,function(per){console.log(per);})); */ //清理 /* Laya.loader.load(["gameass/BackgroundMusic.wav","gameass/load.jpg"],Laya.Handler.create(this,function(){ console.log("ok"); let sound = Laya.loader.getRes("gameass/BackgroundMusic.wav"); console.log(sound); Laya.loader.clearRes("gameass/BackgroundMusic.wav"); sound = Laya.loader.getRes("gameass/BackgroundMusic.wav"); console.log(sound); }),Laya.Handler.create(this,function(per){console.log(per);})); */ //分组 /* Laya.loader.load(["gameass/BackgroundMusic.wav","gameass/Man_feiji.ogg","gameass/load.jpg"],Laya.Handler.create(this,function(){ console.log("ok"); let sound = Laya.loader.getRes("gameass/BackgroundMusic.wav"); console.log(sound); Laya.loader.setGroup("gameass/BackgroundMusic.wav","sound"); Laya.loader.setGroup("gameass/Man_feiji.ogg","sound"); Laya.loader.clearResByGroup("sound"); sound = Laya.loader.getRes("gameass/BackgroundMusic.wav"); console.log(sound); }),Laya.Handler.create(this,function(per){console.log(per);})); */ //错误处理 /* Laya.loader.load("gameass/BackgroundMusic",Laya.Handler.create(this,function (){console.log("ok");})); Laya.loader.on(Laya.Event.ERROR,this,function(err){ console.log("err:",err); }) */ } }

图片切换

export default class Test extends Laya.Script { constructor() { super(); } private self: any = null; onAwake(){ this.self = this.owner; } onStart(){ //this.self.texture = "gameass/background.png"; Laya.loader.load("gameass/background.png",Laya.Handler.create(this,function (bg){ console.log("ok"); this.self.texture = bg; })); } }

创建预设

export default class Test extends Laya.Script { constructor() { super(); } onStart(){ Laya.loader.load("gameass/player.prefab",Laya.Handler.create(this,function (player){ console.log("ok"); let node = player.create(); this.owner.addChild(node); node.x = 100; node.y = 100; })); } }

图集

图片属性设为默认，F9打开项目设置/图集设置，进行设置。

F12导出代码，结束后可以在图集设置中的路径下找到图集。

图集帧动画

export default class Test extends Laya.Script { constructor() { super(); } private self: any = null; onAwake(){ this.self = this.owner; } onStart(){ Laya.loader.load("res/atlas/gameass/DDZ.atlas",Laya.Handler.create(this,function (at){ console.log("ok"); let anim = new Laya.Animation(); anim.loadAtlas("res/atlas/gameass/DDZ.atlas"); anim.interval = 200; anim.play(0,true); this.owner.addChild(anim); anim.x = 300; anim.y = 300; })); } }