官方文档中龙骨动画的调用方法和事件监听方法,在实际项目中都会提示已废弃,在网上也没找到一个讨论和解决这个问题的帖子,就自己去摸索了一下,下面贴出解决方法。
这是网上找到的比较常见的写法:
private createGameScene(): void {
var dragonbonesData = RES.getRes( "RobotGame_1_json" );
var textureData = RES.getRes( "texture_json" );
var texture = RES.getRes( "texture_png" );
var dragonbonesFactory:dragonBones.EgretFactory = new dragonBones.EgretFactory();
dragonbonesFactory.addDragonBonesData(dragonBones.DataParser.parseDragonBonesData(dragonbonesData));
dragonbonesFactory.addTextureAtlas(new dragonBones.EgretTextureAtlas(texture,textureData));
var armature: dragonBones.Armature = dragonbonesFactory.buildArmature("robot");
var armatureDisplay = this.armature.getDisplay();
this.addChild(armatureDisplay);
armatureDisplay.x = 200;
armatureDisplay.y = 300;
armatureDisplay.scaleX = 0.5;
armatureDisplay.scaleY = 0.5;
dragonBones.WorldClock.clock.add( armature );
armature.animation.gotoAndPlay("Run");
egret.Ticker.getInstance().register(function(frameTime:number){
dragonBones.WorldClock.clock.advanceTime(0.01)
},this);
armature.addEventListener( dragonBones.AnimationEvent.START, this.startPlay,this);
armature.addEventListener( dragonBones.AnimationEvent.LOOP_COMPLETE, this.loop_com,this);
armature.addEventListener( dragonBones.FrameEvent.ANIMATION_FRAME_EVENT, this.frame_event,this);
}
private startPlay(evt:dragonBones.ArmatureEvent)
{
console.log( "armature 开始播放动画!");
}
private loop_com(evt:dragonBones.ArmatureEvent)
{
console.log( "armature 动画播放完一轮完成!");
}
private frame_event(evt:dragonBones.FrameEvent)
{
console.log( "armature 播放到了一个关键帧! 帧标签为:",evt.frameLabel);
}
private createGameScene(): void {
var dragonbonesData = RES.getRes( "RobotGame_1_json" );
var textureData = RES.getRes( "texture_json" );
var texture = RES.getRes( "texture_png" );
var dragonbonesFactory:dragonBones.EgretFactory = new dragonBones.EgretFactory();
dragonbonesFactory.addDragonBonesData(dragonBones.DataParser.parseDragonBonesData(dragonbonesData));
dragonbonesFactory.addTextureAtlas(new dragonBones.EgretTextureAtlas(texture,textureData));
var armature: dragonBones.Armature = dragonbonesFactory.buildArmature("robot");
var armatureDisplay = this.armature.getDisplay();
this.addChild(armatureDisplay);
armatureDisplay.x = 200;
armatureDisplay.y = 300;
armatureDisplay.scaleX = 0.5;
armatureDisplay.scaleY = 0.5;
dragonBones.WorldClock.clock.add( armature );
armature.animation.gotoAndPlay("Run");
egret.Ticker.getInstance().register(function(frameTime:number){
dragonBones.WorldClock.clock.advanceTime(0.01)
},this);
armature.addEventListener( dragonBones.AnimationEvent.START, this.startPlay,this);
armature.addEventListener( dragonBones.AnimationEvent.LOOP_COMPLETE, this.loop_com,this);
armature.addEventListener( dragonBones.FrameEvent.ANIMATION_FRAME_EVENT, this.frame_event,this);
}
private startPlay(evt:dragonBones.ArmatureEvent)
{
console.log( "armature 开始播放动画!");
}
private loop_com(evt:dragonBones.ArmatureEvent)
{
console.log( "armature 动画播放完一轮完成!");
}
private frame_event(evt:dragonBones.FrameEvent)
{
console.log( "armature 播放到了一个关键帧! 帧标签为:",evt.frameLabel);
}
红色部分为已废弃代码,下面绿色为对应修改后的代码:
private createGameScene(): void {
var dragonbonesData = RES.getRes( "RobotGame_1_json" );
var textureData = RES.getRes( "texture_json" );
var texture = RES.getRes( "texture_png" );
var dragonbonesFactory:dragonBones.EgretFactory = new dragonBones.EgretFactory();
//dragonbonesFactory为new dragonBones.EgretFactory() 变量,后面需要调用
dragonbonesFactory.addDragonBonesData(dragonbonesFactory.parseDragonBonesData(dragonbonesData));
dragonbonesFactory.addTextureAtlas(dragonbonesFactory.parseTextureAtlasData(texture,textureData));
var armature: dragonBones.Armature = dragonbonesFactory.buildArmature("robot");
var armatureDisplay = this.armature.display;
this.addChild(armatureDisplay);
armatureDisplay.x = 200;
armatureDisplay.y = 300;
armatureDisplay.scaleX = 0.5;
armatureDisplay.scaleY = 0.5;
dragonbonesFactory.clock.add( armature );
armature.animation.gotoAndPlay("Run");
egret.Ticker.getInstance().register(function(frameTime:number){
dragonbonesFactory.clock.advanceTime(0.01)
},this);
armature.eventDispatcher.addDBEventListener( dragonBones.EventObject.START, this.startPlay,this);
armature.eventDispatcher.addDBEventListener( dragonBones.EventObject.LOOP_COMPLETE, this.loop_com,this);
armature.eventDispatcher.addDBEventListener( dragonBones.EventObject.FRAME_EVENT, this.frame_event,this);
}
private startPlay(evt:dragonBones.ArmatureEvent)
{
console.log( "armature 开始播放动画!");
}
private loop_com(evt:dragonBones.ArmatureEvent)
{
console.log( "armature 动画播放完一轮完成!");
}
private frame_event(evt:dragonBones.FrameEvent)
{
console.log( "armature 播放到了一个关键帧! 帧标签为:",evt.frameLabel);
}
private createGameScene(): void {
var dragonbonesData = RES.getRes( "RobotGame_1_json" );
var textureData = RES.getRes( "texture_json" );
var texture = RES.getRes( "texture_png" );
var dragonbonesFactory:dragonBones.EgretFactory = new dragonBones.EgretFactory();
//dragonbonesFactory为new dragonBones.EgretFactory() 变量,后面需要调用
dragonbonesFactory.addDragonBonesData(dragonbonesFactory.parseDragonBonesData(dragonbonesData));
dragonbonesFactory.addTextureAtlas(dragonbonesFactory.parseTextureAtlasData(texture,textureData));
var armature: dragonBones.Armature = dragonbonesFactory.buildArmature("robot");
var armatureDisplay = this.armature.display;
this.addChild(armatureDisplay);
armatureDisplay.x = 200;
armatureDisplay.y = 300;
armatureDisplay.scaleX = 0.5;
armatureDisplay.scaleY = 0.5;
dragonbonesFactory.clock.add( armature );
armature.animation.gotoAndPlay("Run");
egret.Ticker.getInstance().register(function(frameTime:number){
dragonbonesFactory.clock.advanceTime(0.01)
},this);
armature.eventDispatcher.addDBEventListener( dragonBones.EventObject.START, this.startPlay,this);
armature.eventDispatcher.addDBEventListener( dragonBones.EventObject.LOOP_COMPLETE, this.loop_com,this);
armature.eventDispatcher.addDBEventListener( dragonBones.EventObject.FRAME_EVENT, this.frame_event,this);
}
private startPlay(evt:dragonBones.ArmatureEvent)
{
console.log( "armature 开始播放动画!");
}
private loop_com(evt:dragonBones.ArmatureEvent)
{
console.log( "armature 动画播放完一轮完成!");
}
private frame_event(evt:dragonBones.FrameEvent)
{
console.log( "armature 播放到了一个关键帧! 帧标签为:",evt.frameLabel);
}