← Back to portfolio

Graphics Programming • WebGL • Three.js • GLSL

Graphics & Systems

A collection of real-time graphics and interactive rendering projects spanning shaders, 3D demos, and browser-based graphics APIs.

GLSL — Pixelation Shader

GLSL WebGL JavaScript

A GLSL post-processing pixelation shader implemented in WebGL. Inspired by the classic censor blur seen on broadcast TV. The user controls the blur intensity via a slider, dynamically updating the shader uniforms in real time.

GLSL Pixelation Shader — state 1 GLSL Pixelation Shader — state 2 GLSL Pixelation Shader — state 3

WebGL — Interactive Examples

View on GitHub →
WebGL JavaScript 3D Graphics

Browser-based interactive 3D demos covering rotation, translation, texturing, camera control, field-of-view adjustment, ray-casting, and interactive object selection. Each example is self-contained and runs directly in the browser using raw WebGL.

WebGL overview WebGL shape demo WebGL color demo WebGL texture demo WebGL ray cast

Three.js — Interactive Examples

View on GitHub →
Three.js GLSL JavaScript

Three interactive Three.js scenes: scene 1 — dynamic lighting and object manipulation; scene 2 — a mouse-movement-driven GLSL fragment shader that reacts in real time to cursor position; scene 3 — Conway's Game of Life running as a shader inside a Three.js renderer.

Three.js scene 1 Three.js scene 2 — GLSL shader Three.js scene 3 — Conway's