WebGL Shader Playground
Basic Shader
Gradient
Wave Pattern
Noise Pattern
Compile
Export Code
Fullscreen
Vertex Shader
0 chars
attribute vec2 position; void main() { gl_Position = vec4(position, 0.0, 1.0); }
Fragment Shader
0 chars
precision mediump float; uniform float time; uniform vec2 resolution; void main() { vec2 uv = gl_FragCoord.xy / resolution; vec3 color = vec3(uv.x, uv.y, 0.5 + 0.5 * sin(time)); gl_FragColor = vec4(color, 1.0); }
Preview
0 FPS
Ready
WebGL 1.0
Export Shader Code
×
Copy the code below to use in your WebGL application:
Copy to Clipboard