p5.js Загрузка текстуры на 2D-эллипс

Я ищу, чтобы создать систему частиц частиц с P5.js. Я намерен иметь много эллипсов с заполнением облачной текстуры PNG. Затем запрограммируйте систему с этими эллипсами.p5.js Загрузка текстуры на 2D-эллипс

К сожалению, я получаю сообщение об ошибке при попытке применить текстуру в p5.js

Uncaught 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(); 
}

источник

2016-03-14 Michael Paccione

Какая строка выдает ошибку? Вы пытались использовать функцию [preload()] (http://p5js.org/reference/#/p5/preload)? –

Это была строка в p5.min.js ... Мне нужно взглянуть на предварительную нагрузку –

Я думаю texture() потребность webgl как рендер.

Попробуйте createCanvas(1500, 750, WEBGL);

Нажмите here, чтобы увидеть OFFICAL документ texture().

источник

2016-03-16 03:00:24 slfmessi

p5.js Загрузка текстуры на 2D-эллипс

ответ

Смежные вопросы