xxxxxxxxxx
//オブジェクトの配列
let bubble = [];
//オブジェクトの数
const NUM = 20;
function setup() {
createCanvas(windowWidth, windowHeight);
for (let i = 0; i < NUM; i++) {
// 泡オブジェクトを生成して配列に追加
bubble[i] = {
x: width / 2,
y: height / 2,
size: random(width / 100, width / 50),
color: color(random(255), random(255), random(255), 127),
}
}
}
function draw() {
background(0);
//泡を移動
moveBubble();
//泡を描く
display();
}
// 泡を移動させる関数
function moveBubble() {
for (let i = 0; i < NUM; i++) {
bubble[i].x += random(-5, 5);
bubble[i].y += random(-5, 5);
}
}
// 泡を描く関数
function display() {
stroke(255);
strokeWeight(3);
for (let i = 0; i < NUM; i++) {
fill(bubble[i].color);
circle(bubble[i].x, bubble[i].y, bubble[i].size);
}
}