Javascript 彩色纸屑变色

Javascript 彩色纸屑变色,javascript,jquery,Javascript,Jquery,首先,我想说我用的是,但是我在改变颜色方面有问题。他们有它,所以它有一个数组的颜色,但我只希望我的有两个具体的 我尝试使用带有如下变量的if语句: if(Math.random() > .3) { var coolColor = "002147"; } else { var coolColor = "FF6319"; }; var newRGBA; for (var i = 0; i < mp; i++) { if(Math.random()>.3){

首先,我想说我用的是,但是我在改变颜色方面有问题。他们有它,所以它有一个数组的颜色,但我只希望我的有两个具体的

我尝试使用带有如下变量的if语句:

if(Math.random() > .3) {
var coolColor = "002147";
}
else {
var coolColor = "FF6319";
};
var newRGBA;
for (var i = 0; i < mp; i++) {
    if(Math.random()>.3){
        newRGBA = "rgba(0,21,47,0.7)";
    }else{
        newRGBA = "rgba(255,63,19,0.7)";
    }
    particles.push({
        x: Math.random() * W, //x-coordinate
        y: Math.random() * H, //y-coordinate
        r: randomFromTo(5, 30), //radius
        d: (Math.random() * mp) + 10, //density
        color: newRGBA,                            //changed this line to our variable
        tilt: Math.floor(Math.random() * 10) - 10,
        tiltAngleIncremental: (Math.random() * 0.07) + .05,
        tiltAngle: 0
    });
}
使用颜色选择器:

 color: "#" + coolColor,

我的问题是,我希望两种颜色都显示出来,而不是只显示一种,JS似乎确实选择了一种颜色,但每次只显示其中一种颜色。我如何使它有两种颜色?

检查了Smeegs的五彩纸屑代码,似乎他通过随机RGBA生成了颜色,您可以用您的颜色替换该行,如下所示:

if(Math.random() > .3) {
var coolColor = "002147";
}
else {
var coolColor = "FF6319";
};
var newRGBA;
for (var i = 0; i < mp; i++) {
    if(Math.random()>.3){
        newRGBA = "rgba(0,21,47,0.7)";
    }else{
        newRGBA = "rgba(255,63,19,0.7)";
    }
    particles.push({
        x: Math.random() * W, //x-coordinate
        y: Math.random() * H, //y-coordinate
        r: randomFromTo(5, 30), //radius
        d: (Math.random() * mp) + 10, //density
        color: newRGBA,                            //changed this line to our variable
        tilt: Math.floor(Math.random() * 10) - 10,
        tiltAngleIncremental: (Math.random() * 0.07) + .05,
        tiltAngle: 0
    });
}
var-newRGBA;
对于(变量i=0;i.3){
newRGBA=“rgba(0,21,47,0.7)”;
}否则{
newRGBA=“rgba(255,63,19,0.7)”;
}
粒子。推({
x:Math.random()*W,//x坐标
y:Math.random()*H,//y坐标
r:randomFromTo(5,30),//半径
d:(Math.random()*mp)+10,//密度
color:newRGBA,//将此行更改为我们的变量
倾斜:数学地板(数学随机()*10)-10,
倾斜角增量:(Math.random()*0.07)+.05,
倾角:0
});
}

它正在工作:

那么问题是什么呢。代码怎么了?哦,对不起!问题是,我希望它显示两种颜色,但它只显示一种。我会更新问题的!如果将
coolColor
置于if-else状态,则一次只有一种颜色。对于使用两种颜色,您需要将其存储在
if-else
条件外部的两个不同变量中。