javascript - 如何更改此 "snow script"中雪的颜色

Question

我正在尝试通过播放此脚本来创建效果。我找到了这个 js fiddle 并且一直在编辑它。它最初是作为一个漂亮的雪效果开始的。我已经加快了速度，改变了方向等等。

我可能希望能够拥有多种颜色的“雪花”，而不是基本的白色。 (大约 4-7 种颜色)有没有一种简单的方法可以使用当前的 js fiddle 来做到这一点？

http://jsfiddle.net/7wsetqqa/33/

任何帮助都会很棒!感谢您的宝贵时间。

canvas {
    background:#183794;
    margin-bottom:10px;
     -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

Answer 1

其他答案都是正确的，虽然每次重绘时雪花的颜色都会改变，这并不理想。

这是一个版本，其中每个雪花都分配了一种颜色并粘附在它上面:

APP.snowflake = function(settings) {
    this.context = settings.context;
    this.x = settings.x || 30;
    this.y = settings.y || 30;
    this.radius = settings.radius || 10;
    this.resistance = settings.resistance || 1;
    this.speed = settings.speed || 0;
    this.velocityx = 0;
    this.velocityy = 0;
    this.color = this.getRandomColor();
};

APP.snowflake.prototype.drawSelf = function () {
    // draw the Snowflake in its new position.
    this.context.fillStyle = this.color;
    this.context.beginPath();
    this.context.arc(this.x, this.y, this.radius, 0, Math.PI * 2, true);
    this.context.closePath();
    this.context.fill();
};

APP.snowflake.prototype.getRandomColor = function() {
    colors = ['#F5A9A9', '#FFBF00', '#FFFFFF', '#FF0040', '#58FA58'];
    selected_color = colors[Math.floor(Math.random()*colors.length)];
    return selected_color;
};

在这里 fiddle :http://jsfiddle.net/ry8vLhw4/