xxxxxxxxxx
//p5.js shader basic structure ref from https://www.openprocessing.org/sketch/920144
let theShader;
function preload(){
theShader = new p5.Shader(this.renderer,vert,frag)
}
function setup() {
createCanvas(1000,1000,WEBGL);
noStroke()
background(100);
}
function draw() {
shader(theShader)
theShader.setUniform('u_resolution',[width/1000,height/1000])
theShader.setUniform('u_time',millis()/1000)
theShader.setUniform('u_mouse',[mouseX/width,mouseY/height])
background(0)
rotateX(frameCount/400+mouseY/200)
rotateY(frameCount/400+mouseX/200)
sphere(400,200,200)
// ellipse(mouseX, mouseY, 20, 20);
}