白鹭EGRET使用龙骨DRAGONBONES骨骼动画

最新推荐文章于 2021-05-31 18:11:29 发布

原创最新推荐文章于 2021-05-31 18:11:29 发布 · 1.1w 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#骨骼动画 #DRAGONBONES #Egret #动画

Egret-TypeScript javascript 专栏收录该内容

11 篇文章

订阅专栏

本文介绍如何利用DragonBones动画库加载并播放角色动画。通过解析JSON配置文件及纹理资源，创建动画实例，并设置动画播放。最终将动画显示在指定位置。

部署运行你感兴趣的模型镜像

            var dragonbonesData = RES.getRes("Robot_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");
            this.aniGroup.addChild(armature.getDisplay());
            armature.animation.play("Run");
            armature.display.x =100;
            armature.display.y =100;
            /**
             * 开启大时钟这步很关键
             * */
            dragonBones.WorldClock.clock.add(armature);
            egret.Ticker.getInstance().register(function(advancedTime){
                dragonBones.WorldClock.clock.advanceTime(advancedTime/1000);
            },this);

您可能感兴趣的与本文相关的镜像