Question

我刚开始尝试使用EaselJS，我正在按照我在网上找到的教程。据我所知，我已经完全复制了代码，并且一切正常，直到我添加“addEventListener”函数命令。之后我得到一张空白画布。控制台中也没有错误。（顺便说一句，我也加载了jQuery，但是在添加jQuery之前问题就出现了，所以两个库之间不应该有任何冲突）

这是我的代码：

    <script src="js/easeljs.js"></script>
    <script>

$(document).ready(function(){
    window.canvas = document.getElementById("myCanvas");
    stage = new createjs.Stage(canvas);
    shape = new createjs.Shape();

    shape.graphics.f("purple").r(50,50,100,100);

    stage.addChild(shape);

    createjs.Ticker.setFPS(30);
    createjs.Ticker.addEventListener(function(){
        shape.rotation += 8;
        stage.update();
    });
});

</script>

我只是想知道是否还有其他准备工作，或者我需要链接到的库导致动画失败。我尝试了多个教程，当使用addEventListener或eventListener命令时，它们似乎都失败了。启动代码时我也遇到了一些失败。 CreateJS应该是创建JavaScript游戏的一个非常好的引擎，但到目前为止它根本不起作用，所以任何让它正常运行的建议都会很棒。提前谢谢。

Answer 1

不确定这是否有帮助，但这里是更新的代码

$(document).ready(function(){
window.canvas = document.getElementById("myCanvas");
stage = new createjs.Stage(canvas);
shape = new createjs.Shape();

shape.graphics.f("red").r(50,50,100,100);

stage.addChild(shape);

createjs.Ticker.setFPS(30);
createjs.Ticker.addEventListener('tick', onTick)

function onTick() {
    shape.rotation += 8;
    stage.update();
}

）;

是否有人在让EaselJS正常运行时遇到问题

1 个答案: