【发布时间】: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