iterami/Docs.htm/Tests/common/webgl.js Shaders

• Shaders can be tested by inputting them into MultiverseEditor.htm's "Shaders" tab.
• Fragment Shaders:
  • Minimum
• Vertex Shaders:
  • Minimum
  • Picking Color
  • Picking XYZ

Fragment Shaders	Code
Minimum	#version 300 es precision mediump float; in vec4 color; out vec4 fragment; void main(void){ fragment = color; }
Vertex Shaders	Code
Minimum	#version 300 es in vec3 vertexPosition; in vec4 vertexColor; out vec4 color; uniform mat4 camera; uniform mat4 perspective; void main(void){ color = vertexColor; gl_Position = perspective * camera * vec4(vertexPosition, 1.0); }
Picking Color	#version 300 es in vec3 vertexPosition; in vec4 pickColor; out vec4 color; uniform mat4 camera; uniform mat4 perspective; void main(void){ color = pickColor; gl_Position = perspective * camera * vec4(vertexPosition, 1.0); }
Picking XYZ	#version 300 es in vec3 vertexPosition; in vec4 vertexColor; out vec4 color; uniform mat4 camera; uniform mat4 perspective; void main(void){ color = vec4( (normalize(vertexPosition.x) + 1.0) / 2.0, (normalize(vertexPosition.y) + 1.0) / 2.0, (normalize(vertexPosition.z) + 1.0) / 2.0, 1 ); gl_Position = perspective * camera * vec4(vertexPosition, 1.0); }