Egret之龙骨换装

需求：

找到了黄马褂的结构：

 

我们新建一个DragonBones项目 ， 用以为上述黄马褂换肤

我们对DragonE_view进行修改

///
module app {
 export class DragonE_View  extends eui.Component implements eui.UIComponent {
  private com_dragon : eui.Group;
  private img_dragon : eui.Image;
  private txt_name : eui.Label;
        private egretFactory : dragonBones.EgretFactory;
        private eff_robot : dragonBones.EgretArmatureDisplay;
  public constructor() {
   super ();
   this .skinName =  "resource/eui_skins/DragonE.exml" ;
  }
  protected partAdded(partName : string , instance : any):void{
   super .partAdded(partName , instance);
  }
  protected childrenCreated():void{
   super .childrenCreated();
   this .txt_name.text =  "Snow" ;
   this .img_dragon.source = RES.getRes( "egret_icon_png" );
   this .playDragonEff();
  }
  /**
         *刷新机器人特效
         */
        public playDragonEff(): void {
            // this.loadChibangByResName("Robot_json");
            this .loadChibangByResName( "Dragon_ske_json" );
        }
  /**
         * 异步Robot动画资源
         */
        private loadChibangByResName(name: string): void {
            var  self =  this ;
            RES.getResAsync(name,
                function (data: any,key: string): void {
                    if (key ==  "Dragon_ske_json" ) {
                        self.loadChibangByResName( "Dragon_tex_json" );
                    }
                    else  if (key ==  "Dragon_tex_json" ) {
                        self.loadChibangByResName( "Dragon_tex_png" );
                    }
                    else  if (key ==  "Dragon_tex_png" ) {
                        this .showRoleWing();
                    }
                },
                this );
        }

  /**
        * 展示Robot特效
        */
        private showRoleWing(wingId: number): void {
            this .egretFactory = tools.DragonBoneTools.Instance.createEff2New(
                "Dragon_ske_json" ,
                "Dragon_tex_json" ,
                "Dragon_tex_png" ,
                );
            this .eff_robot =  this .egretFactory.buildArmatureDisplay( "Dragon" );
            this .addChild( this .eff_robot);
            this .eff_robot.animation.play( "jump" ,0);
            this .eff_robot.x = 200;
            this .eff_robot.y = 450;

             this .stage.addEventListener(egret.TouchEvent.TOUCH_BEGIN, this .onTouch, this );
        }
        private onTouch(evt: egret.TouchEvent) : void{
            if (evt.type == egret.TouchEvent.TOUCH_BEGIN)
            {
                this .changeClothes();
            }
        }
        private changeClothes():void{
            this .loadChangeByResName( "DragonChange_ske_json" );
        }
        private loadChangeByResName(name : string) : void{
            var  self =  this ;
            RES.getResAsync(name,
                function (data: any,key: string): void {
                    if (key ==  "DragonChange_ske_json" ) {
                        self.loadChangeByResName( "DragonChange_tex_json" );
                    }
                    else  if (key ==  "DragonChange_tex_json" ) {
                        self.loadChangeByResName( "DragonChange_tex_png" );
                    }
                    else  if (key ==  "DragonChange_tex_png" ) {
                        this .changeRoleWing();
                    }
                },
                this );
        }
        private changeRoleWing():void{
            this .egretFactory.parseDragonBonesData(RES.getRes( "DragonChange_ske_json" ));
            this .egretFactory.parseTextureAtlasData(RES.getRes( "DragonChange_tex_json" ), RES.getRes( "DragonChange_tex_png" ));
            this .egretFactory.replaceSlotDisplay(  "DragonChange" ,  "Armature" ,  "clothes2" ,  "clothes2" ,  this .eff_robot.armature.getSlot( "clothes" ));
        }
 }
}

重点 ：

            this.egretFactory.parseDragonBonesData(RES.getRes("DragonChange_ske_json"));
            this.egretFactory.parseTextureAtlasData(RES.getRes("DragonChange_tex_json"), RES.getRes("DragonChange_tex_png"));
            this.egretFactory.replaceSlotDisplay( "DragonChange", "Armature", "clothes2", "clothes2", this.eff_robot.armature.getSlot("clothes"));

replaceSlotDisplay ： 替换一个骨头的显示

第一个参数 ： 替换项目的名称

第二个参数 ： 替换目场景名字

第三个参数 ： 替换项目的骨骼名字

第五个参数 ： 替换项目的图片名字

第五个参数 ： 被替换项目的卡槽

结果 ：

全局换装 ：：：//将图集全部替换

ar.armature.replaceTexture(RES.getRes("new_db_texture_png"));

本文转自Aonaufly51CTO博客，原文链接： http://blog.51cto.com/aonaufly/1966134，如需转载请自行联系原作者