网址：   http://math.sg-info.cn  -> 绘图

按照图片中执行即可。

1.绘制沿纵轴移动的线

var y = 10

function loop() {
    y = y + 0.1; //0.1为每次移动的距离，每次移动距离不宜过大，以免看不到线的移动
    line(0, y, width, y); //width为画布的宽度 将每次更新的位置传入，绘制线
}

start() //开启动画,点击图像观察
stop() //停止

注意： 当线移动出画布，可以重新为y赋值。
当y>画布高度，线就消失了。
接下来，重新运行

y = 20 // 重新设置y的值

function loop() { //将所要循环执行的都写在这个函数里面

    y = y + 0.1; //0.1为每次移动的距离
    line(0, y, width, y); //width为画布的宽度 将每次更新的位置传入，绘制线
}

start() //开启动画,

2.沿横向移动的圆

var x = 30
function loop() {
    x = x + 0.2 //让圆移动的稍快一点
    circle(x, 40, 20)
}

start()


3.沿斜线运动的圆

var x = 30
var y = 40
function loop() {
    x = x + 0.2
    y = y + 0.1
    circle(x, y, 5)
}
start()

//stop()


4.沿正弦移动的圆

var sum = 0
function loop() {
    sum = sum + 0.1
    var x = 30 + sum
    var y = 40 + 20*Math.sin(sum/10)
    circle(x, y, 5)
    line(0, 40, width, 40)
}
start()

//stop()


5.沿圆周移动的圆

var angle = 0;
var R = 50; //运动半径
var x0 = 70; //运动圆心横坐标
var y0 = 70; //运动圆心纵坐标
function loop() {
    angle = angle+0.03  //0.03是角速度
    var x = x0 + R*Math.cos(angle)
    var y = y0 + R*Math.sin(angle)
    circle(x, y, 5)
    circle(x0, y0, 5)
}
start()


6.多边形

var poly = [80,20, 160,60, 80,100];
var p1 = polygon(poly);
var poly2 = [240,20, 160,60, 240,100];
var p2 = polygon(poly2)
function loop() {
    p2.move(-0.05, 0);
}
start();

stop();