javascript - 此类的语法是否正确,工作不正确,脚本错误。 (: line 0) (javascript p5.js)

标签 javascript class oop object p5.js

我正在创建一个类,它采用向量数组,然后在数组中每个项目的坐标上绘制叶子。我编写了一个类来实现此目的,它将向量数组作为构造函数中的参数 int ,然后有一个绘制函数。我尝试将其实现到我的代码中,但是我收到脚本错误并且无法确定问题所在。

下面的代码是我正在使用的类,但这使用了创建树的类的 getter,组合的类可以在这里找到: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
  }
}

当调用draw方法时,此类应该绘制离开样式的省略号。

最佳答案

您需要设置minHuemaxHue

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

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

// ...

关于javascript - 此类的语法是否正确,工作不正确,脚本错误。 (: line 0) (javascript p5.js),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54091619/

相关文章:

javascript - NodeJs 中的过期 key

javascript - 为什么我们在 typescript 中使用 HTMLInputElement?

python - 如何通过类访问类本身的weakref对象?

class - 在 Scala 中,你能创建一个带有引用其他类或特征的变量的实例吗?

javascript - AngularJS - ui.calendar 类型错误 : Cannot read property 'length' of undefined

javascript - 如何根据字段是否存在对MongoDB集合进行排序

Java .. 给定公共(public)类并且没有 Main 方法作为小组项目的一部分.. 我该如何编译?

c# - 为什么许多开发人员反对在 OOP 中使用 "protected"修饰符?

java - 从外部访问 JFrame 内容

c# - 处理将相似实体分组在一起的设计模式