Processing中background函数放在setup和draw的区别

Processing有强大的可视化编程的功能，几行代码量就可以创造出非常有趣的交互效果。其中的backgroud()函数是用来控制画布的背景颜色。

void setup(){
    size(300,300);
    background(200);
}

void draw(){
    if(mousePressed){
        fill(0);
    } else {
        fill(255);
    }
    ellipse(mouseX, mouseY, 50, 50);
}

在setup里面的代码只运行一次，确定了绘图窗口的大小以及背景的颜色。

在draw函数里面的代码一直都是重复运行，当鼠标按下的时候，填充黑色，如果没有按下的时候，就填充白色，最后一行代码是画椭圆，椭圆有四个参数，第一和第二是椭圆的x和y坐标，最后两个值代表椭圆的宽度和长度。

如果把background(200)从setup()函数中移到draw()函数中，情况就非常不同，按下的时候虽然也是变成了黑色，但是移动鼠标的时候，不会有很多圆出现，这是因为draw()函数是一直重复运行的，所以background(200)也是一直运行，相当于一层一层地叠上去，把之前的圆都给盖住了。

void setup(){
    size(300,300);
    
}

void draw(){
    background(200);
    if(mousePressed){
        fill(0);
    } else {
        fill(255);
    }
    ellipse(mouseX, mouseY, 50, 50);
}