p5js/1.对象和数组的作用.js
2022-11-27 16:57:23 +08:00

24 lines
684 B
JavaScript

const circles = [
{ x: 100, y: 100, color: "red", size: 40 },
{ x: 200, y: 100, color: "orange", size: 40 },
{ x: 300, y: 100, color: "yellow", size: 40 },
{ x: 100, y: 200, color: "green", size: 40 },
{ x: 200, y: 200, color: "cyan", size: 40 },
{ x: 300, y: 200, color: "blue", size: 40 },
{ x: 100, y: 300, color: "purple", size: 40 },
{ x: 200, y: 300, color: "gray", size: 40 },
{ x: 300, y: 300, color: "black", size: 40 },
];
function setup() {
noLoop();
createCanvas(400, 400);
background(255);
strokeWeight(1);
stroke(0);
circles.forEach((o) => {
fill(o.color);
circle(o.x, o.y, o.size);
});
}