请帮助执行此程序。对可汗学院来说,使用阵列、环路和条件使其下雨是一项挑战。我应该:
- 向阵列中添加更多滴漏
- 使用条件,使液滴在到达底部后从顶部开始
- 制作一个颜色数组,这样每滴都是不同的颜色
- 让其他东西下雨,比如雪花(使用更多的形状命令)或化身(使用图像命令)
- 这样,当用户单击时,就会向数组中添加一个新的drop
- 在程序开始时,使用for循环和random()函数初始化数组
我已经做了#1、#2和#5,我可以做#3&4……但我一辈子都想不出该怎么做。我知道这与随机(4400)命令有关,但我不确定如何使其工作。
这是代码:
// need random x value
// need random start times
// position of the rain at top
var xPositions = [1, 50, 100, 150, 200, 250, 300, 350, 399];
var yPositions = [0, 0, 0, 0, 0, 0, 0, 0, 0];
// attempt at defining a variable for random start
// don't know what to do with it after this
var raindrops = [random(0, 400)];
// rain falling from top to bottom at specific intervals
var draw = function() {
background(113, 218, 237);
for (var i = 0; i < xPositions.length; i++) {
noStroke();
fill(21, 143, 173);
ellipse(xPositions[i], yPositions[i], 10, 10);
if (yPositions[i] < 390) {
yPositions[i] += 5; //makes rain fall down
} else {
yPositions[i] = 0;
}
}
for (var j = 0; j < xPositions.length; j++) {
noStroke();
fill(21, 143, 173);
ellipse(xPositions[j] + 25, yPositions[j]-50, 10, 10);
}
for (var k = 0; k < xPositions.length; k++) {
noStroke();
fill(21, 143, 173);
ellipse(xPositions[k], yPositions[k]-100, 10, 10);
}
};
// click to add more raindrops
var mouseClicked = function() {
xPositions.push(mouseX);
yPositions.push(mouseY);
};
我感谢你的意见。
将此函数添加到代码中并更新随机调用。
function randomInt(min, max) {
return Math.floor(Math.random() * (max - min + 1) + min);
}
-
var raindrops = randomInt(0, 400);
或者(注意,你的问题中似乎没有足够的信息来准确回答这个问题,但这里有一个向数组添加随机值的循环):
var minRain = 1;
var maxRain = 400;
var rainLen = 100;
var rain = [];
for (var i = 0; i < rainLen; i++) {
rain.push(randomInt(minRain, maxRain));
}
function randomInt(min, max) {
return Math.floor(Math.random() * (max - min + 1) + min);
}
我发现了:
// click to add more rain
// position of the rain at top
var xPositions = [1, 50, 100, 150, 200, 250, 300, 350, 399];
var yPositions = [0, 0, 0, 0, 0, 0, 0, 0, 0];
var rainspeed = [1, 4, 2, 6, 3, 8, 5, 3, 4];
// rain falling from top to bottom at defined intervals
var draw = function() {
background(113, 218, 237);
for (var i = 0; i < xPositions.length; i++) {
noStroke();
fill(60, 163, 232);
ellipse(xPositions[i], yPositions[i], 6, 12);
if (yPositions[i] < 395) {
yPositions[i] += rainspeed[i]; //makes rain fall down
} else {
yPositions[i] = 0; //takes rain back to top
}
}
};
// click to add more raindrops
var mouseClicked = function() {
xPositions.push(mouseX);
yPositions.push(mouseY);
rainspeed.push(random(2,8));
};