Case Study2023

Origin

Creative CodingConcept Project

The Concept

An artistic laboratory for generative visuals that mimic organic growth through mathematical noise.

Purpose

To push the boundaries of real-time browser rendering using custom GLSL shaders.

The Call

A study on the intersection of chaos theory and computational art.

GLSL Shader Physics

What it does

Procedural displacement of geometry using custom vertex shaders that calculate perlin noise on the GPU.

Why it exists

To achieve complex, organic movement at 60fps without burdening the CPU.

How it works

Written in GLSL using 4D Simplex noise functions, allowing for non-repeating, time-based morphing of 3D meshes.

Code Snippet

void main() {
  vec3 pos = position;
  pos.y += snoise(vec4(pos * 0.1, uTime));
  gl_Position = projectionMatrix * modelViewMatrix * vec4(pos, 1.0);
}

Frameworks used

WebGLThree.jsGLSL