let patternShader;

let img;

​

function preload() {

  patternShader = loadShader('shader.vert', 'shader.frag');

}

function setup() {

  createCanvas(windowWidth, windowHeight, WEBGL);

  img = loadImage("goat-10x.png");

  shader(patternShader);

  noStroke();

  patternShader.setUniform('u_texture', img);

  patternShader.setUniform('u_resolution', [width, height]);

  patternShader.setUniform('u_background', [140.0 / 255.0, 248.0 / 255.0, 222.0 / 255.0]);

}

​

function draw() {

  patternShader.setUniform('u_time', millis() / 1000.0);

  rect(0, 0, width, height)

  // quad(-1, -1, 1, -1, 1, 1, -1, 1);

}

​

function windowResized() {

  resizeCanvas(windowWidth, windowHeight);

}