javascript - p5.j​​s 2D 楕円へのテクスチャのロード

Question

P5.js でクラウド パーティクル システムを作成しようとしています。PNG クラウド テクスチャで塗りつぶした楕円を多数作成する予定です。次に、これらの楕円を使用してシステムをプログラムします。

残念ながら、p5.js でテクスチャを適用しようとするとエラーが発生します。

キャッチされていない TypeError: this._renderer._getShader は関数ではありません

var cloudImg;

//P5 Setup
function setup(){
    createCanvas(1500, 750);
    background('rgba(0, 0, 0, 0.3)');
    cloudImg = loadImage("cloud100.png"),
    numParts = 80,
    diam = 100;
}


//Render
function draw(){
    background(0);
    translate(mouseX, mouseY);
    beginShape();
    texture(cloudImg);
    var theta = TWO_PI / numParts;
    for (i=0; i<numParts; i++) {
    var angle = theta * i,
        x = cos(angle),
        y = sin(angle);
    vertex(x * diam, y * diam, (x+1)/2, (y+1)/2);
    }
    endShape();
}