32 lines
573 B
JavaScript
32 lines
573 B
JavaScript
class Circle {
|
||
// 构造器。
|
||
constructor(x, y, d, c) {
|
||
this.x = x;
|
||
this.y = y;
|
||
this.d = d;
|
||
this.c = c;
|
||
}
|
||
// draw中文：画。
|
||
draw() {
|
||
noStroke();
|
||
fill(this.c);
|
||
ellipse(this.x, this.y, this.d);
|
||
}
|
||
}
|
||
|
||
// 全局常量或变量。
|
||
const width = 300;
|
||
const height = 500;
|
||
let c1, c2;
|
||
|
||
function setup() {
|
||
createCanvas(width, height);
|
||
c1 = new Circle(90, 90, 80, "#DDDD00");
|
||
c2 = new Circle(90, 180, 80, 'red');
|
||
}
|
||
|
||
function draw() {
|
||
background(150);
|
||
c1.draw();
|
||
c2.draw();
|
||
} |