xxxxxxxxxx
34
let outShader;
let outBuffer;
let img;
function preload() {
// Load the shader
outShader = loadShader('basic.vert', 'basic.frag');
// Load the image
img = loadImage("mountain.jpg");
}
function setup() {
createCanvas(400, 400);
outBuffer = createGraphics(width, height, WEBGL);
outBuffer.background(255,0,0);
}
function draw() {
outBuffer.shader(outShader);
outBuffer.rect(0,0,width,height)
outShader.setUniform("tex", img);
image(outBuffer, 0, 0);
}
//splitting our passes into multiple shaders, and rendering to multiple buffers.