Genuary 24: Homegrown RNG

let waterShader

let blurShader

let fbo

function setup() {

  createCanvas(600, 600, WEBGL)

  // Bump mapping uses dFdx and dFdy in the fragment shader

  _renderer.GL.getExtension('OES_standard_derivatives')

  waterShader = createShader(...waterShaderSource())

  fbo = new Framebuffer(window)

  blurShader = createShader(vert, frag)

}

​

function draw() {

  const time = millis()/1000

  const numSamples = 300

  const eyeZ = (height/2) / tan(PI/6)

  const near = eyeZ/10

  const far = eyeZ*10

  perspective(PI/3, width/height, near, far)

  const targetDepth = 1000

  const blurIntensity = 0.0025

  fbo.draw(() => {

    clear()

    push()

    background('#000')

    noStroke()

​

    drawingContext.disable(drawingContext.DEPTH_TEST)

    beginShape(TRIANGLE_STRIP)

    fill('#9ecfdb')

    vertex(-width/2, -height/2)

    vertex(width/2, -height/2)

    fill('#d09edb')

    vertex(-width/2, height/8)

    vertex(width/2, height/8)

    endShape()

​

    drawingContext.enable(drawingContext.DEPTH_TEST)

​

    push()

    translate(0, -700, -3000)

    fill(255)

    sphere(300, 32, 32)

    pop()

​

    //ambientLight(color('#baddf5'))

    ambientLight(color('#809db0'))

    directionalLight(186, 221, 245, -0.5, -.4, -0.5)

    pointLight(200, 200, 200, width/2, -height, -5800)

    pointLight(100, 20, 20, -width/2, -height*0.8, -5800)

​

    push()

    specularMaterial('#4b6b94')

    shininess(80)

​

    translate(0, 200, 0)

    rotateX(-PI*0.53)

    shader(waterShader)

    waterShader.setUniform('time', time)

    plane(100*width, 100*width)

​

    pop()

    pop()

  })

  clear()

​

  push()

​

  noStroke()

  rectMode(CENTER)

  shader(blurShader)

  _renderer.getTexture(fbo.depth).setInterpolation(

    _renderer.GL.NEAREST,

    _renderer.GL.NEAREST

  )

  blurShader.setUniform('uImg', fbo.color)

  blurShader.setUniform('uDepth', fbo.depth)

  blurShader.setUniform('uSize', [width, height])

  // try replacing blurIntensity with 0 to see an unblurred version

  blurShader.setUniform('uIntensity', blurIntensity)

  blurShader.setUniform('uNumSamples', 25)

  blurShader.setUniform('uTargetZ', targetDepth)

  blurShader.setUniform('uNear', near)

  blurShader.setUniform('uFar', far)

  rect(0, 0, width, -height)

  pop()

}