javascript - ProcessingJS 创建一个对象，其中包含随机数量的项目来绘制花朵

Question

我正在使用ProcessingJS 绘制郁金香花。我有如下代码。代码将绘制一朵带有花瓣的郁金香花，x、y、高度是踏板位置和高度的偏好。

`/*****************
*Tulip Object Type
******************/
var Tulip = function(x, y, height) {
    this.x = x;
    this.y = y;
    this.height = height;
};

Tulip.prototype.draw = function() {
    noStroke();
    fill(16, 122, 12);
    rect(this.x, this.y, 10, -this.height);
    fill(255, 0, 0);
    // petals
    ellipse(this.x+5, this.y-this.height, 44, 44);
    triangle(this.x-16, this.y-this.height,
            this.x+20, this.y-this.height,
            this.x-20, this.y-this.height-31);
    triangle(this.x-14, this.y-this.height,
            this.x+24, this.y-this.height,
            this.x+3, this.y-this.height-39);
    triangle(this.x+-4, this.y-this.height,
            this.x+26, this.y-this.height,
            this.x+29, this.y-this.height-36);
};
`

绘制函数:

void setup()
{
  size(400 , 400);
  background(125);
}

 var tulip = new Tulip (200, 200, 10);
 draw = function() {
    tulip.draw();

};

我想绘制随机数量的郁金香花，x、y和高度的值也分别随机设置。

我正在考虑使用数组，但经过多次尝试仍然不起作用。如何根据上面的郁金香对象创建随机花朵？

Answer 1

创建随机郁金香数组:

int numTulips = random(10, 20); // between 10 and 20 tulips
Tulip[] tulips = new Tulip[numTulips];
for (int i = 0; i < numTulips; i++) {
  tulips[i] = new Tulip (random(30, 370), random(30, 370), random(10, 30));
}

然后画郁金香

draw = function() {
   for (int i = 0; i < numTulips; i++) {
      tulips[i].draw();
    }
 };

示例:https://codepen.io/bortao/pen/jOPobam