pixijs DragonBones控制骨骼动画

转载

mob60475703f08d 2020-10-27 10:07:00

文章标签 pixijs redis json javascript 骨骼动画 文章分类 代码人生

pixijs控制骨骼动画

自己看代码吧

<script src="{$yumingnew}/js/pixi.min.js" type="text/javascript">
        </script>
        <script src="{$yumingnew}/js/pixi-dragonbones.js" type="text/javascript">
        </script>
        <script type="text/javascript">
            const app = new PIXI.Application({ antialias: true });
    document.body.appendChild(app.view);

    app.stop();

    // load spine data
    PIXI.Loader.shared
        .add('skeleton', '/moban/dragonbones/Dragon_ske.json')
        .add('texture_json', '/moban/dragonbones/Dragon_tex.json')
        .add('texture_png', '/moban/dragonbones/Dragon_tex.png')
        .load(onAssetsLoaded);

    function onAssetsLoaded(loader, res) {
        const factory = dragonBones.PixiFactory.factory;

        factory.parseDragonBonesData(res.skeleton.data);
        factory.parseTextureAtlasData(res.texture_json.data, res.texture_png.texture);


        var armatureDisplay = factory.buildArmatureDisplay('Dragon', 'Dragon');

        armatureDisplay.animation.play('walk');
        armatureDisplay.x = 400.0;
        armatureDisplay.y = 400.0;
        armatureDisplay.scale.x = 0.6;
        armatureDisplay.scale.y = 0.6;
         //调整动画速度
        // armatureDisplay.animation.timeScale = 0.1;
     var armature = armatureDisplay.armature;
        //控制骨骼旋转
        var head =armature.getBone("head");
        head.offset.rotation = 175;
        console.log(head);
        app.stage.addChild(armatureDisplay);
        // setTimeout(function() {
        //     armatureDisplay.animation.play('stand');
        //     setTimeout(function() {
        //         armatureDisplay.animation.play('walk');
        //     }, 2000)
        // }, 2000)

        app.start();
    }