Using Materials
How To Use Materials
There is much you can achieve by applying the Babylon.js standard material to a mesh and a variety of types of texture. Beyond that there is also physically based rendering material to give a more realistic appearance to a material.
Coming next
Map Materials to Individual Mesh Faces
Learn how to apply different materials to different faces of a mesh.
![Map Materials to Individual Mesh Faces](/_next/image?url=%2Fimg%2Fhow_to%2Fapply-material-to-faces%2FspriteAtlas.png&w=3840&q=75)
Video As A Texture
Learn about how to use video as a texture in Babylon.js.
![Video As A Texture](/_next/image?url=%2Fimg%2Fhow_to%2FAdvanced%2520Texturing%2F3.png&w=3840&q=75)
Reflections and Refractions
Learn all about reflection and refraction in Babylon.js.
![Reflections and Refractions](/_next/image?url=%2Fimg%2Fhow_to%2FMaterials%2Fcubetexture1.png&w=3840&q=75)
Introduction To Materials
Jump into the exciting world of learning to use Babylon.js materials.
![Introduction To Materials](/_next/image?url=%2Fimg%2Fhow_to%2FMaterials%2Fspots1.png&w=3840&q=75)
More Materials
Learn about applying bump, opacity, tiling, and detail maps in Babylon.js.
![More Materials](/_next/image?url=%2Fimg%2Fhow_to%2FMaterials%2Fbump.png&w=3840&q=75)
Parallax Mapping
Learn all about using parallax mapping in Babylon.js.
![Parallax Mapping](/_next/image?url=%2Fimg%2Fhow_to%2FMaterials%2Fparallax-mapping.jpg&w=3840&q=75)
Normal Maps
Learn all about normal maps in Babylon.js.
![Normal Maps](/_next/image?url=%2Fimg%2Fhow_to%2FMaterials%2Fnormal_maps1.jpg&w=3840&q=75)
Introduction To Blend Modes
Learn blend modes and blending pixels in Babylon.js.
![Introduction To Blend Modes](/_next/image?url=%2Fimg%2Fhow_to%2Fblend-modes%2Fblend-modes.jpg&w=3840&q=75)
Different Textures On The Front And Back Of A Mesh
Learn how to apply different textures to the front and back of a mesh.
![Different Textures On The Front And Back Of A Mesh](/_next/image?url=%2Fimg%2Fhow_to%2Fdifferent-material-front-back%2Fcard.jpg&w=3840&q=75)
Multi-Materials
Learn how to use Babylon.js Multi-Materials.
![Multi-Materials](/_next/image?url=%2Fimg%2Fhow_to%2FMaterials%2Fmulti.png&w=3840&q=75)
Dynamic Textures
Learn all about dynamic textures in Babylon.js.
![Dynamic Textures](/_next/image?url=%2Fimg%2Fhow_to%2Fdyntext.png&w=3840&q=75)
Fresnel Paramaters
Learn fresnel parameters in Babylon.js.
![Fresnel Paramaters](/_next/image?url=%2Fimg%2Fhow_to%2FFresnel%2Ffresnel.jpg&w=3840&q=75)
KTX2 Compressed Textures
Learn advanced texture compression with KTX2 support in Babylon.js.
![KTX2 Compressed Textures](/_next/image?url=%2Fimg%2FdefaultImage.png&w=3840&q=75)
Introduction to Physically Based Rendering
Start learning about Physically Based Rendering in Babylon.js.
![Introduction to Physically Based Rendering](/_next/image?url=%2Fimg%2Fpbr.jpg&w=3840&q=75)
Using An HDR Environment For PBR
Learn about using an HDR Environment in your Babylon.js scene.
![Using An HDR Environment For PBR](/_next/image?url=%2Fimg%2Fhow_to%2FEnvironment%2Finspector-generate-env-texture.png&w=3840&q=75)
Mastering PBR Materials
Dive further into learning about PBR materials in Babylon.js.
![Mastering PBR Materials](/_next/image?url=%2Fimg%2Fextensions%2FPBRSubSurface.png&w=3840&q=75)
Procedural Textures
Learn fresnel parameters in Babylon.js.
![Procedural Textures](/_next/image?url=%2Fimg%2FdefaultImage.png&w=3840&q=75)
Material Plugins
Create plugins to customize shaders of existing materials
![Material Plugins](/_next/image?url=%2Fimg%2FplaygroundsAndNMEs%2Fpg-P8B91Z-35.png&w=3840&q=75)