The avatar for @sinclarius
charlie ✨
design / code / architecture
Published
Fragment Shaders
Edited
Mar 8, 2019
2 forks
Fragment Shaders
Fragment Shader Sandbox 2
Fragment Shader Sandbox
Fragment Shader Sandbox (mouse events)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
shader`
#ifdef GL_ES
precision mediump float;
#endif

uniform vec2 u_resolution; // canvas size (width,height)
uniform vec2 u_mouse; // Mouse position in screen pixes
uniform float u_time; // Time in seconds since load

vec2 frag() {
return gl_FragCoord.xy/u_resolution;
}

void main() {
gl_FragColor = vec4(frag().x, frag().y, 0.5, 1.0);
}
`
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell

One platform to build and deploy the best data apps

Experiment and prototype by building visualizations in live JavaScript notebooks. Collaborate with your team and decide which concepts to build out.
Use Observable Framework to build data apps locally. Use data loaders to build in any language or library, including Python, SQL, and R.
Seamlessly deploy to Observable. Test before you ship, use automatic deploy-on-commit, and ensure your projects are always up-to-date.
Learn more