【egret】 龙骨

创建龙骨

将龙骨导出后，会生成 龙骨json、纹理集。
代码：

- 创建龙骨工厂

                var dragonbonesData = RES.getRes( "xinghuo_ske_json" );        var textureData1 = RES.getRes( "xinghuo_tex_0_json" );        var texture1 = RES.getRes( "xinghuo_tex_0_png" );        var textureData2 = RES.getRes( "xinghuo_tex_1_json" );        var texture2 = RES.getRes( "xinghuo_tex_1_png" );        var textureData3 = RES.getRes( "xinghuo_tex_2_json" );        var texture3 = RES.getRes( "xinghuo_tex_2_png" );        var dragonbonesFactory: dragonBones.EgretFactory = new dragonBones.EgretFactory();        dragonbonesFactory.addDragonBonesData( dragonBones.DataParser.parseDragonBonesData( dragonbonesData ) );        dragonbonesFactory.addTextureAtlas( new dragonBones.EgretTextureAtlas( texture1, textureData1 ) );        dragonbonesFactory.addTextureAtlas( new dragonBones.EgretTextureAtlas( texture2, textureData2 ) );        dragonbonesFactory.addTextureAtlas( new dragonBones.EgretTextureAtlas( texture3, textureData3 ) );

有时会出现纹理集过大的情况，需要通过导出多个纹理集来控制大小。

- 创造骨骼

this.armature = dragonbonesFactory.buildArmature( "name" );this.armatureDisplay = this.armature.getDisplay();

private createAnim() {    dragonBones.WorldClock.clock.add( this._armature );    this._armature.animation.gotoAndPlay( "动画名称" );    this.isStartPlayMainAnim = !this.isStartPlayMainAnim;    this.ticker = egret.Ticker.getInstance();    this.ticker.register( this.updata, this );}

private updata( frameTime: number ) {    dragonBones.WorldClock.clock.advanceTime( 0.01 );}

- 动画控制器

this.armature.animation

• 事件

/*开始播放动画*/dragonBones.AnimationEvent.START/*动画循环播放一次完成*/dragonBones.AnimationEvent.LOOP_COMPLETE/*动画播放到关键帧*/dragonBones.AnimationEvent.ANIMATION_FRAME_EVENT

注意

在使用龙骨动画时，如果需要改变龙骨的大小，需要通过 **屏幕大小** 与 **龙骨设计大小** 计算出缩放比例，在代码里通过设置龙骨的 **scaleY** 与 **scaleX** 来控制。