Move your mouse around...Click to cycle through the number of octaves used.
A fork of procedural night reflections by Pierre MARZIN
xxxxxxxxxx
var gl,noctaves,c;
function setup() {
createCanvas(windowWidth, windowHeight,WEBGL);
gl=this.canvas.getContext('webgl');
gl.disable(gl.DEPTH_TEST);
noctaves=4;
c=[];
initc();
test=new p5.Shader(this._renderer,vert,frag);//shaders are loaded
shader(test);//shaders are applied
}
function initc(){
for(var i=0;i<22;i++){
c[i]=random(-5,5);
}
}
function draw() {
test.setUniform("iResolution", [width,height]);//pass some values to the shader
test.setUniform("iTime", millis()*.001);
test.setUniform('iMouse',[mouseX,mouseY]);
test.setUniform("noctaves",noctaves);
test.setUniform("c",c);
shader(test);
box(width/2);
}
function mouseReleased(){
noctaves=(noctaves==5)?4:noctaves+1;
if(noctaves==4)initc();
}