Shaders
Shaders
In this section, we'll dive into the crazy, wonderful, beautiful world of GPU shaders. In short, a shader is a set of instructions handed to the GPU. From ocean caustics to tree bark, from alien teleporters funhouse reflections, shaders are your one-stop shop for creating compelling, advanced visual effects in real time!
Coming next
Introduction to Shaders
Dive deep into the inner workings of shaders in Babylon.js.
![Introduction to Shaders](/_next/image?url=%2Fimg%2Fhow_to%2FShaders%2Fshade1.jpg&w=3840&q=75)
Putting Shader Code Into Babylon.js
Dive deep into the inner workings of how Babylon.js handles shaders.
![Putting Shader Code Into Babylon.js](/_next/image?url=%2Fimg%2Fhow_to%2FShaders%2Fcyos1.jpg&w=3840&q=75)
Shader Material
Learn about the shader material in Babylon.js.
![Shader Material](/_next/image?url=%2Fimg%2FplaygroundsAndNMEs%2Fpg-2TGH43.png&w=3840&q=75)
Supporting Fog With ShaderMaterial
Learn how to support fog alongside the shader material in Babylon.js.
![Supporting Fog With ShaderMaterial](/_next/image?url=%2Fimg%2FdefaultImage.png&w=3840&q=75)
Image Processing
Learn all about image processing in Babylon.js.
![Image Processing](/_next/image?url=%2Fimg%2FdefaultImage.png&w=3840&q=75)
Compute Shaders
Learn about the compute shaders in Babylon.js.
![Compute Shaders](/_next/image?url=%2Fimg%2Fextensions%2Fwebgpu%2Fblur.png&w=3840&q=75)