此 class 的语法是否正确，工作不正确，脚本错误。 (: 第 0 行) (javascript p5.js)

Question

我正在创建一个 class，它接受一个向量数组，然后在数组中每个项目的坐标上绘制一片叶子。我写了一个 class 来实现这个，它在构造函数中将向量数组作为参数 int 然后有一个 draw 函数。我已尝试将此实现到我的代码中，但出现脚本错误并且无法确定问题所在。

下面的代码是我正在使用的 class，但这使用 class 中的 getter 创建树，classes 组合可以在这里找到：https://editor.p5js.org/remcqueen/sketches/rkk9QMzG4

class drawLeaves {

  constructor(leafArray) {
    this.leafs = leafArray
  }

  genLeaves(minDiam, maxDiam, minAlpha, maxAlpha) {
    let i;
    for (i = 0; i < this.leafs.length; i++) {
        let h = map(i, 0, this.leafs.length, minHue, maxHue);
        let s = 255;
        let b = 255;
        let a = random(minAlpha, maxAlpha);
        fill(h, s, b, a);
        let diam = random(minDiam, maxDiam);
        let jitterX = random(-30, 30);
        let jitterY = random(-30, 30);  
        ellipse(this.leafs[i].x + jitterX, this.leafs[i].y + jitterY, diam, diam);
    }
  }

  draw() {
    this.genLeaves(0, 50, 0, 0.12);  // big leaves
    this.genLeaves(0, 15, 0, 0.4);  // small leaves
  }
}

这个 class 应该在调用 draw 方法时绘制离开样式的椭圆。

Answer 1

您需要设置minHue和maxHue

https://editor.p5js.org/HerrSerker/sketches/HkwlLfGMN

var p;
var l;
var minHue = 20;
var maxHue = 250;
function setup() {
 // ...
}

// ...

此 class 的语法是否正确，工作不正确，脚本错误。 (: 第 0 行) (javascript p5.js)

Is this syntax for this class correct, not working correct, Script error. (: line 0) (javascript p5.js)

javascript

oop

class

object

p5.js