​

function setup() {

  createCanvas(400, 400);

}

​

function draw() {

  background(220);

​

//map在此的目的是让鼠标从左至右滑动，圆的颜色从黑过渡到白，若不Map,圆从横坐标到255时就已经变白。mouseX的范围是0-400，需要把它的范围映射到0-255.

  x = map(mouseX,0,400,0,255);

  fill(x);

  ellipse(mouseX, 200, 50);

}

​