SketchBook

なんとなく

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 = 50;

colors.push(color(192, 192, 192));
colors.push(color(192, 192, 192));
colors.push(color(255, 255, 255));
colors.push(color(200, 220, 235));
colors.push(color(235, 230, 245));
colors.push(color(210, 210, 250));
colors.push(color(120, 175, 192));
colors.push(color(128, 128, 160));
colors.push(color(150, 150, 150));


for (var i = 0; i < ball_num; i = i + 1) {
ballX[i] = random(0, windowWidth);
ballY[i] = random(0, windowHeight);
speedX[i] = random(-0.5, 0.5);
speedY[i] = random(-0.5, 0.5);
ball_color[i] = floor(random(0, colors.length));
ball_diameter[i] = random(500, 800);
ball_diameter[i] = random(250, 300);
}
}

function draw() {
background(238, 238, 238, 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]);
}

}