p5.j​​s绘制函数如何工作？

Question

无法确定我在做什么错。查看我的逻辑下面的代码，每次将绘图函数称为椭圆坐标时，都会将其更改为另一个随机数。

但是，椭圆并没有改变，而是在“新”坐标处重绘了椭圆。

有人在乎为什么要重绘形状而不是移动形状吗？我正在使用p5 javascript库。

GridCoverage2D

Answer 1

p5默认情况下不会清除画布，因此每次绘制时都会添加一个新的圆圈。要清除，您可以提前致电clear()，如下所示：

var frate = 10;
var elliX = 500;
var elliY = 400;

function setup() {
    createCanvas(100, 100);
    frameRate(frate);
}

function draw() {
    clear();
    elliX = (random(0,100));
    elliY = (random(0,100));
    ellipse(elliX, elliY, 30);
}

<script src="https://unpkg.com/p5@0.6.1/lib/p5.min.js"></script>