当改变路径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