2013-12-18 74 views
0

我剛開始嘗試使用EaselJS,並且正在關注我在網上找到的教程。據我所知,我已經完全複製了代碼,並且一切正常,直到我添加了「addEventListener」函數命令。之後,我得到一個空白的畫布。在控制檯中也沒有錯誤。 (順便說一句我已經jQuery的也加載,但在此之前我加入jQuery的問題在那裏,所以不應該有兩個庫之間的任何衝突)是否有人在使EaselJS正常運行時出現問題

這裏是我的代碼:

<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遊戲的一個非常好的引擎,但到目前爲止它根本無法工作,所以任何建議使其正常運行都會非常棒。先謝謝你。

+2

'element.addEventListener(type,listener,useCapture);'你在我找到的教程視頻中沒有設置任何類型 –

+0

,他也沒有設置類型,並且對他有效。 –

+0

奇怪我不知道這個插件,但addEventListener()需要一個類型,否則每個事件你聽?這裏有一些例子http://www.createjs.com/Docs/EaselJS/modules/EaselJS.html他們總是設置一個類型 –

回答

0

不知道這是否有助於但這裏是更新的代碼

$(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(); 
} 

);

相關問題