花火
var ball_num;
var ballX = [];
var ballY = [];
var speedX = [];
var speedY = [];
var ball_color = [];
var ball_diameter = [];
var colors = [];
function setup() {
createCanvas(windowWidth,
windowHeight);
ball_num = 800;
colors.push(color(255, 246, 127));
colors.push(color(193, 219, 129));
colors.push(color(97, 193, 190));
colors.push(color(84, 195, 241));
colors.push(color(115, 184, 226));
colors.push(color(108, 155, 210));
colors.push(color(252, 250, 242));
colors.push(color(216, 190, 189));
for (var i = 0; i < ball_num; i = i + 1) {
ballX[i] = random(0, windowWidth);
ballY[i] = random(0, windowHeight);
speedX[i] = random(6.0, 2.0);
speedY[i] = random(8.0, 8.0);
ball_color[i] = floor(random(0, colors.length));
ball_diameter[i] = random(5, 20);
}
}
function draw() {
background(0, 55, 117, 100);
noStroke();
for (var i = 0; i < ball_num; i++) {
ballX[i] = ballX[i] + speedX[i];
ballY[i] = ballY[i] + speedY[i];
if (ballX[i] > windowWidth || ballX[i] < 0) {
speedX[i] = -1 * speedX[i];
}
if (ballY[i] > windowHeight || ballY[i] < 0) {
speedY[i] = -1 * speedY[i];
}
}
for (var i = 0; i < ball_num; i++) {
fill(colors[ball_color[i]]);
ellipse(ballX[i], ballY[i], ball_diameter[i]);
}
}