Gerrit Wessendorf 馃憢

Home
Table of Contents

Computer Graphics

  • Three.js
  • Shaders
  • Ray Tracing
  • Creative Coding
  • Blender

Three.js 022Shaders

Next Steps

  • Realistic RenderBack to Realistic Render
  • Three.jsBack to Three.js
  • Shader PatternsContinue with Shader Patterns

Summary

  • Introduction to shaders in Three.js, simple example with a vertex and fragment shader.
  • ShaderMaterial, vertexShader, fragmentShader, uniforms

Loading...

Open example in a new tab.

Links

  • Three.js Documentation
  • Bruno Simon's Three.js Journey
  • GLSL Functions
  • The Book of Shaders
  • Coordinate-Systems
  • Code for this section

Next Steps

  • Realistic RenderBack to Realistic Render
  • Three.jsBack to Three.js
  • Shader PatternsContinue with Shader Patterns
Creative Commons License聽Except where otherwise noted, content on this site is available under the聽Creative Commons Attribution-ShareAlike 4.0 International License
漏 2025 Gerrit Wessendorf 路 M枚nchengladbach 1973-1997 路 Furtwangen 1997-2002 路 Baltimore, Maryland 2004-2025聽聽Mastodon聽聽Mastodon聽聽Twitter聽聽Instagram聽聽GitHub聽聽
You are visitor 路 Guestbook