[]示例骨骼动画换装加不上点击事件

示例是每一秒换一次装，我想改为点击小人换装
例如这样的：http://pixijs.github.io/examples/index.html?s=spine&f=dragon.js&title=Dragon&plugins=pixi-spine&v=#/spine/goblins.js

可是我加了点击事件，根本不触发，另外鼠标在小人上时，鼠标指针要变成可点击的指针“小手的样子”，求大神解析

function parseComplete() {

        mArmature = mFactory.buildArmature(1);

        mArmature.x = mStartX;

        mArmature.y = mStartY;

        //mArmature.scale(0.5, 0.5);

        Laya.stage.addChild(mArmature);

        //mArmature.on(Event.LABEL, this, onEvent);

        mArmature.on(Event.STOPPED, this, completeHandler);

        

        mArmature.on(Event.CLICK, this, onChangeSkin);

        mArmature.showSkinByName(mSkinList[0]);

        play();

        //changeSkin();

        //Laya.timer.loop(1000, this, changeSkin);

    }

已邀请:

10 个回复

cuixueying

赞同来自:

为你的mArmature设置以下宽高即可！

houkaihua888

赞同来自:

我设置了size()是可以点了,但是区域在小人的脚下右边，其实我想点击“小人”换装，其他空白的地方不换

就像pixi.js的一样

大神求示例

houkaihua888

赞同来自:

我设置了size()，但是区域在小人的脚下右边，怎样移到小人上？

cuixueying

赞同来自:

设置小人的pivot值，让中心点在其左上角即可！

houkaihua888

赞同来自:

设置pivot值，试了不管用，它只会移动那个小人，对于点击区域没有作用
点击区域始终在小人的脚下，不会动的

houkaihua888

赞同来自:

设置了pivot值，点击区域任然在小人的脚下，不会动的

houkaihua888

赞同来自:

(function () {

    var Templet = Laya.Templet;

    var Sprite = Laya.Sprite;

    var Event = Laya.Event;

    var Browser = Laya.Browser;

    var Handler = Laya.Handler;

    var Stat = Laya.Stat;

    var Tween = Laya.Tween;

    var WebGL = Laya.WebGL;



    var mAniPath;

    var mStartX = 400;

    var mStartY = 500;

    var mFactory;

    var mCurrIndex = 0;

    var mArmature;

    var mLabelSprite;

    var mCurrSkinIndex = 0;

    var mSkinList = ["goblin", "goblingirl"];

    (function () {

        Laya.init(Browser.width, Browser.height, WebGL);

        Laya.stage.bgColor = "#ffffff";

        Stat.show();

        mLabelSprite = new Sprite();

        startFun();

    })();

    function startFun() {

        mAniPath = "res/spine/spineRes2/goblins.sk";

        mFactory = new Templet();

        mFactory.on(Event.COMPLETE, this, parseComplete);

        mFactory.on(Event.ERROR, this, onError);

        mFactory.loadAni(mAniPath);

    }

    function onError() {

        console.log("error");

    }

    function parseComplete() {

        //创建模式为1，可以启用换装

        mArmature = mFactory.buildArmature(1);

        mArmature.x = 300;

        mArmature.y = 600;

        Laya.stage.addChild(mArmature);

        mArmature.on(Event.STOPPED, this, completeHandler);



        mArmature.size(256,512);

        mArmature.on(Event.CLICK, this, onChangeSkin);



        mArmature.showSkinByName(mSkinList[0]);

        play();

    }

    function completeHandler() {

        play();

    }

    function play() {

        mCurrIndex++;

        if (mCurrIndex >= mArmature.getAnimNum()) {

            mCurrIndex = 0;

        }

        mArmature.play(mCurrIndex, false);

    }

    function onChangeSkin() {

        if(mCurrSkinIndex == 0){

            mCurrSkinIndex = 1;

        }else{

            mCurrSkinIndex = 0;

        }

        console.log("执行了点击");

        mArmature.showSkinByName(mSkinList[mCurrSkinIndex]);

    }

})();

你帮我看下吧，怎样点击换装？