Graphics Project

Shader Playground

A live demo of an interactive GLSL shader running in the browser.

This project is a real-time GLSL shader demo rendered directly in the browser. It explores fragment shading, color interpolation, and interactive parameters. I’m polishing my past shader works so that they will be able to be interactive on this website soon.

Live Shader Demo

Overview

  • Built with WebGL + GLSL
  • Interactive parameters controlled via JavaScript
  • Designed for experimentation and rapid iteration

Example Fragment Shader

#ifdef GL_ES
precision mediump float;
#endif

uniform float u_time;
uniform vec2 u_resolution;

void main() {
    vec2 uv = gl_FragCoord.xy / u_resolution;
    float color = 0.5 + 0.5 * sin(u_time + uv.x * 10.0);
    gl_FragColor = vec4(vec3(color), 1.0);
}