easelJS - 創建一個帶圖像的按鈕

我試圖用easelJS創建一個帶有圖像的按鈕。easelJS - 創建一個帶圖像的按鈕

我試圖按照這裏的指令：http://createjs.com/Docs/EaselJS/classes/ButtonHelper.html 但我不知道我的代碼有什麼問題。

var stage = new createjs.Stage(canvas); 
stage.enableMouseOver(); 
var data = { 
    images: [_imgLoaded], 
    frames: { width: 100, height: 50}, 
    animations: { normal: [0], hover: [1], clicked: [2] } 
}; 
var spriteSheet = new createjs.SpriteSheet(data); 
var button = new createjs.Sprite(spriteSheet); 
var helper = new createjs.ButtonHelper(button, "normal", "hover", "clicked"); 

// the code block in this helper.addEventListener (It works with button.addEventListener) 
helper.addEventListener("click", handleClickPlayAgain); 
button.x = posX; 
button.y = posY; 
button.gotoAndStop("normal"); 
stage.update();

的_imgLoaded不會出現在畫布上，代碼失敗在這裏：helper.addEventListener

你有任何想法，如何與easelJS圖像創建一個按鈕嗎？

感謝

來源

2014-01-05 wytes

我試圖創建這樣的東西：http://btools.eu/demos/canvas_easeljs/button_states/button_states.html但當我在本地嘗試此代碼時，點擊不工作......我不明白爲什麼。 – wytes

你在'helper.addEventListener'行上發生了什麼錯誤？ – Andrew

還請包括您正在使用的[tag：easeljs]的哪個版本。 – Andrew

我做到了，抱歉，我犯了一個錯誤早些時候在我的代碼，按鈕做工精細，如圖中的鏈接（btools.eu）。我正在使用多個畫布，並且點擊僅在具有較高z-index的畫布上捕捉。我改變了在另一個畫布上的通話，它工作正常。

我使用最新的easeljs lib 0.7.1可用atm。感謝您的所有答案

來源

2014-01-12 15:22:34 wytes

easelJS - 創建一個帶圖像的按鈕

回答

相關問題