{"json_modified": "2016-05-21T03:50:23.553077", "uuid": "519a9410-421a-46bc-bb8d-d62e29da1493", "title": "GLSL Shaders", "url": "/en-US/docs/Games/Techniques/3D_on_the_web/GLSL_Shaders", "tags": ["three.js", "Beginner", "GLSL", "texture shader", "vertex shader", "Shader", "OpenGL", "WebGL", "beginner"], "translations": [], "modified": "2016-05-21T03:50:23", "label": "GLSL Shaders", "localization_tags": [], "locale": "en-US", "id": 180730, "last_edit": "2016-05-21T03:50:20", "summary": "<span class=\"seosummary\">Shaders use GLSL, a special OpenGL shading language with syntax similar to C, which is executed directly by the graphics pipeline. There are two types \u2014 Vertex Shaders and Fragment Shaders (or Pixel Shaders) \u2014 the former transforms shape positions to real 3D drawing coordinates while the latter computes rendering colors and other attributes.</span>", "sections": [{"id": "Shader_types", "title": "Shader types"}, {"id": "Vertex_Shader", "title": "Vertex Shader"}, {"id": "Fragment_Shader", "title": "Fragment Shader"}, {"id": "Demo", "title": "Demo"}, {"id": "Environment_setup", "title": "Environment setup"}, {"id": "HTML_structure", "title": "HTML structure"}, {"id": "The_cube's_source_code", "title": "The cube's source code"}, {"id": "The_vertex_shader_code", "title": "The vertex shader code"}, {"id": "The_texture_shader_code", "title": "The texture shader code"}, {"id": "Applying_the_shaders", "title": "Applying the shaders"}, {"id": "Conclusion", "title": "Conclusion"}, {"id": "See_also", "title": "See also"}], "slug": "Games/Techniques/3D_on_the_web/GLSL_Shaders", "review_tags": []}