在 p5js 中创建一个全局元素

Question

有没有办法在 p5js 中使图形元素全局化？现在我想让椭圆成为全局的：

var bug = ellipse(0, random(height), 20, 20);

function setup() {
    createCanvas(500, 500);
    background(100);

 }

function draw() {

 }

我想将椭圆存储在一个变量中。但是有一个错误说“mySketch.js，第 1:Uncaught 行 ReferenceError：未定义椭圆”。有人可以帮忙吗？谢谢

Answer 1

ellipse()函数绘制了一个椭圆，但它没有return任何东西，所以你不能存储调用它的结果一个变量。

我不太确定你想做什么，但你有几个值得探索的选项：

1. 您可以将椭圆的所有值存储在 ellipseX、ellipseY, 和 ellipseSize.
等变量中
2. 您可以创建一个 class 来存储您想要的值。无耻的自我推销：here 是在 p5.js.
中创建 classes 的教程
3. 您可以将椭圆绘制到 p5.Graphics，然后将 p5.Graphics 存储在全局变量中。您可以在 the reference.
中找到更多相关信息