createjs動態文本重疊

Question

我正在使用flash cc createjs導出。我也嵌入了Flash字體。但它沒有解決這個問題。 我已將此鏈接附加到此處。只需點擊矩形。它會創建10 ，如果再次點擊它將會是20。但20個重疊10個。 10不會消失。 http://graphicscoder.org/stackover/score/scoring.html

/* js 
var score=0; 


this.movieClip_1.addEventListener('click', fl_MouseOverHandler_2); 

function fl_MouseOverHandler_2(e) 
{ 
    text1 = new createjs.Text("LIVES: " + score, "40px Arial"); 
text1.textAlign = 'right'; 
text1.y = 30; 
text1.x = stage.canvas.width - 10; 
stage.addChild(text1); 
    score=score+10; 
    text1.text=String(score); 


} 

*/ 

Answer 1

每次單擊該按鈕時，您要添加一個新的文本。如果你只想更改號碼：

1. 創建文本一旦最初
2. 更新上點擊的價值

例子：

/* js 
var score=0; 

this.movieClip_1.addEventListener('click', fl_MouseOverHandler_2); 

// Moved out of the mouse handler 
text1 = new createjs.Text("LIVES: " + score, "40px Arial"); 
text1.textAlign = 'right'; 
text1.y = 30; 
text1.x = stage.canvas.width - 10; 
stage.addChild(text1); 

function fl_MouseOverHandler_2(e) 
{ 
    score=score+10; 
    text1.text=String(score); 
} 
*/