Pixi js鼠标事件仅限最顶级的精灵

时间:2015-05-16 22:42:43

标签: javascript sprite pixi.js

我注意到在pixi.js版本1.3中,如本例所示,堆叠精灵,然后点击并拖动只拖动最顶级的精灵。

    bunny.mousedown = bunny.touchstart = function(data)
    {
//      data.originalEvent.preventDefault()
        // store a refference to the data
        // The reason for this is because of multitouch
        // we want to track the movement of this particular touch
        this.data = data;
        this.alpha = 0.9;
        this.dragging = true;
        this.sx = this.data.getLocalPosition(bunny).x * bunny.scale.x;
        this.sy = this.data.getLocalPosition(bunny).y * bunny.scale.y;
    };

http://jsfiddle.net/dirkk0/cXfpq/

在3.0.3版本中,如本例所示,相同的代码会导致拖动鼠标下的所有精灵。

http://jsfiddle.net/9tnaa31z/5/

有没有办法只获得最顶级的精灵或获得所有精灵列表的方式(按渲染顺序)?

1 个答案:

答案 0 :(得分:1)

我认为 XPI PIXI 中可能存在错误。我刚尝试了最新的 3.0.5 ,它按预期工作,即它只拖动最顶层的Sprite

使用此latest version of Pixi.js更新您的小提琴中的外部资源,它应该有效。

参考:https://cdnjs.com/libraries/pixi.js