【问题标题】:Is anyone having problems getting EaselJS to run properly是否有人在让 EaselJS 正常运行时遇到问题
【发布时间】:2014-01-21 08:00:20
【问题描述】:

我刚开始尝试使用 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 游戏的引擎,但到目前为止它根本不起作用,所以任何让它正常运行的建议都会很棒。提前谢谢你。

【问题讨论】:

  • element.addEventListener(type, listener, useCapture);你没有设置任何类型
  • 在我找到的教程视频中,他也没有设置类型,它对他有用。
  • 奇怪我不知道这个插件但是 addEventListener() 需要一个类型否则每个事件你在听吗???这里有一些例子createjs.com/Docs/EaselJS/modules/EaselJS.html他们总是设置一个类型
  • 这是视频,它是 Lynda.com 的教程,所以它的质量应该非常好,没有像我遇到的错误。 youtube.com/watch?v=jC-YCbv_4cE
  • 在这里测试了你的代码,它可以工作:jsfiddle.net/Heyp3 当然使用 addListener() 而不是 addEventListener()

标签: javascript jquery easeljs createjs


【解决方案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();
}

);

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-06-23
    • 1970-01-01
    • 2014-09-11
    • 2022-08-20
    • 2015-06-09
    • 1970-01-01
    • 2018-10-15
    • 2018-11-20
    相关资源
    最近更新 更多