Javascript p5.js将纹理加载到二维椭圆上

我想用P5.js制作一个云粒子系统。我打算用PNG云纹理填充许多椭圆。然后用这些椭圆编程一个系统

不幸的是，当我尝试在p5.js中应用纹理时，我遇到了一个错误

未捕获的TypeError:此.\u渲染器.\u 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();
}  

var-cloudImg；
//P5设置
函数设置（）{
createCanvas（1500750）；
背景（“rgba（0,0,0,0.3）”；
cloudImg=loadImage（“cloud100.png”），
numParts=80，
直径=100；
}
//渲染
函数绘图（）{
背景（0）；
翻译（mouseX，mouseY）；
beginShape（）；
纹理（cloudImg）；
varθ=两个π/numpart；
对于（i=0；i我认为
texture（）
需要
webgl
作为渲染

尝试创建画布（1500750WebGL）；

---

单击查看

texture（）

的官方文档，哪一行抛出了错误？您是否尝试过使用该函数？它是p5.min.js中的一行…我必须查看预加载