[]分享:如何为spine(龙骨)动画添加CLICK事件!

开发者经常会遇到的问题是,我的skeleton动画设置过了点击区域size,也设置了中心点pivot,为什么我的点击区域一直是固定的,pivot无论怎么设置,我的点击区域都没有改变呢,变化的只有动画的位置
解答:无论是spine(龙骨)动画,pivot跟点击区域都是没有关系的,我们需要设置的是hitArea,如下所示
(function () {
var Templet = Laya.Templet;
var Event = Laya.Event;
var Browser = Laya.Browser;
var Handler = Laya.Handler;
var WebGL = Laya.WebGL;
var mFactory;
var mArmature;

(function () {
Laya.init(Browser.width, Browser.height, WebGL);
startFun();
})();
function startFun() {
mFactory = new Templet();
mFactory.on(Event.COMPLETE, this, parseComplete);
mFactory.loadAni("res/spine/spineRes2/goblins.sk");
}
function parseComplete() {
mArmature = mFactory.buildArmature(1);
mArmature.x = 100;
mArmature.y = 200;
var rect=new Laya.Rectangle(-200,-200,300,300);
mArmature.hitArea=rect;
Laya.stage.addChild(mArmature);
mArmature.on(Event.CLICK, this, onChangeSkin);
mArmature.showSkinByName("goblin");
mArmature.play(0, false);
mArmature.stop();
}
function onChangeSkin()
{
console.log("执行了点击");
}
})();
已邀请:

Monica - 知识达人

赞同来自:

赞~\(≧▽≦)/~

要回复问题请先

商务合作
商务合作