如何在createjs

时间:2017-01-28 06:06:22

标签: javascript java jquery createjs easeljs

在这里,我将鼠标指针定制为圆圈,我想要鼠标指针。最初鼠标指针在圆圈上但是当我在舞台上移动鼠标时鼠标指针不在圆圈上的确切位置。 3 如何获得每个人的确切位置?

var cursor;
createjs.Touch.enable(stage);

stage.enableMouseOver();

cursor = new createjs.Shape(new createjs.Graphics().beginFill("#000000").drawCircle(0, 0, 25));
cursor.cursor = "pointer";
stage.addChild(cursor);
stage.addEventListener("stagemousemove", handleMouseMove);
stage.update();

function handleMouseMove(event) {

    cursor.x = stage.mouseX;
    cursor.y = stage.mouseY;
    stage.update();

}

1 个答案:

答案 0 :(得分:0)

你能澄清一下你的问题吗?

以下是您的代码的小提琴:http://jsfiddle.net/j6erzwgn/1/

  • 我从handleMouseMove删除了“updateStage”调用,并将其置于自动收录器事件中,因为鼠标事件的触发速度比阶段需要的要快得多。
  • 我改变了Ticker以使用RAF,因此它很好而且流畅。

    createjs.Ticker.on(“tick”,stage); createjs.Ticker.timingMode = createjs.Ticker.RAF;

似乎运行良好。如果您注意到稍微延迟,那么使用自定义游标会有所延迟,因为它们不会与系统游标同步更新。

这有帮助吗?我不确定你的其他问题是什么。