當改變路徑onclick的顏色時打印文本

Question

我想製作一個遊戲，你需要點擊圓圈。點擊它時，每個圓都會變色。我希望它在所有圈子都被點擊時說「恭喜」，但是在剛剛按下一圈後顯示「恭喜」。任何想法如何我可以解決這個問題？

var text = new PointText(view.center); 
text.content = 'Congrats'; 
text.visible = false; 
text.style = { 
    fontFamily: 'Courier New', 
    fontWeight: 'bold', 
    fontSize: 100, 
    fillColor: 'black', 
    justification: 'center' 
} 

for (l = 0; l < balls.length; l++) { 
    balls[l].onClick = function(event) { 
     counter++ 



    this.fillColor = '#860d2b'; 
    var areAnyCoral = false; 
    for (var j = 0; j < balls.length; j++) { 
     if (balls[j].fillColor === 'coral') { 
      areAnyCoral = true; 
     } 
    }; 
    if (areAnyCoral === false) { 
     text.visible = true; 
    } 

} 

}

Answer 1

我想你應該檢查對counter，而不是填充顏色，爲text.visible財產。這有意義嗎？

var counter = 0; 
var ball1 = { 
    color: "notCoral" 
}; 

var ball2 = { 
    color: "notCoral" 
} 

var balls = [ball1, ball2]; 

balls.forEach(function(ball) { 
    ball.onClick = function(event) { 
    if (ball.color == "notCoral") { 
     ball.color = "coral"; 
     counter++; 
    } 

    if (counter == balls.length) { 
     text.visible = true; 
    } 
    } 
}); 

Answer 2

其實，你需要改變：

balls[j].fillColor === 'coral'; 

到：

balls[j].fillColor.equals('coral'); 

因爲填充顏色是一個對象，你需要使用 「等於」 方法來比較串色像這樣：http://paperjs.org/reference/color/#equals-color