WebGL Example: Shader Uniform (WebGL 1.0)

This website is a part of the Graphics Programming lecture at the University of Marburg. The JavaScript source of this example is: renderer.js

There is also a newer WebGL 2.0 version available.

Edit the shader code below and click on the button to see the result:

Vertex shader:

attribute vec3 inputPosition;
attribute vec4 inputColor;

uniform mat4 projection;
uniform mat4 modelview;

varying vec3 forFragColor;

void main() 
{
  forFragColor = inputColor.rgb;
  gl_Position = projection * modelview * vec4(inputPosition, 1.0);
}

Fragment shader:

precision mediump float; 
varying vec3 forFragColor;

void main() 
{
  gl_FragColor = vec4(forFragColor,1.0);
}

Note: The interface on this website is kept very simple. If you are looking for a more advanced online GLSL editor that allows uploading own 3D meshes and can handle custom uniform variables, the GSN Composer might be of interest.
Shader Uniform: Open example in the GSN Composer