The Texture Library
Textures Available To the Playground
This list of files are in the textures folder of the Playground and can be loaded as Textures, CubeTextures or HDRCubeTextures.
Diffuse / Albedo maps
In the playground use
new BABYLON.Texture("textures/filename", scene);
Overview | Filename | Size |
---|---|---|
Overview ![]() | Filename albedo.png | Size 590 KB |
Overview ![]() | Filename amiga.jpg | Size 2 KB |
Overview ![]() | Filename BJS-logo_v3.png (ktx available) | Size 39 KB |
Overview ![]() | Filename bloc.jpg | Size 3 KB |
Overview ![]() | Filename checkerBJS.png (ktx available) | Size 38 KB |
Overview ![]() | Filename cloud.png | Size 58 KB |
Overview ![]() | Filename lava/cloud.png | Size 81 KB |
Overview ![]() | Filename co.png | Size 2 KB |
Overview ![]() | Filename crate.png | Size 80 KB |
Overview ![]() | Filename earth.jpg | Size 261KB |
Overview ![]() | Filename fire.png | Size 44 KB |
Overview ![]() | Filename floor.png | Size 509 KB |
Overview ![]() | Filename fur.jpg | Size 140 KB |
Overview ![]() | Filename grass.jpg | Size 750 KB |
Overview ![]() | Filename grass.dds | Size 43 KB |
Overview ![]() | Filename grass.png | Size 620 KB |
Overview ![]() | Filename ground.jpg | Size 506 KB |
Overview ![]() | Filename lava/lavatile.jpg | Size 546 KB |
Overview | Filename leopard_fur.JPG | Size 9 KB |
Overview ![]() | Filename Logo.png | Size 12 KB |
Overview ![]() | Filename mercator.jpg | Size 977 KB |
Overview ![]() | Filename mercator2.jpg | Size 87 KB |
Overview ![]() | Filename palm.png | Size 392 KB |
Overview ![]() | Filename rock.png | Size 260 KB |
Overview ![]() | Filename sand.jpg | Size 496 KB |
Overview ![]() | Filename speckles.jpg | Size 7 KB |
Overview ![]() | Filename stars.png | Size 188 KB |
Overview ![]() | Filename sun.png | Size 7 KB |
Overview ![]() | Filename SunDiffuse.png | Size 799 KB |
Overview ![]() | Filename tree.png | Size 304 KB |
Height maps
Overview | Filename | Size |
---|---|---|
Overview ![]() | Filename distortion.png | Size 42 KB |
Overview ![]() | Filename heightMap.png | Size 39 KB |
Overview ![]() | Filename heightMapTriPlanar.png | Size 44 KB |
Overview ![]() | Filename worldHeightMap.jpg | Size 92 KB |
Metallic maps
Overview | Filename | Size |
---|---|---|
Overview ![]() | Filename reflectivity.png | Size 92 KB |
Normal maps
Overview | Filename | Size |
---|---|---|
Overview | Filename floor_bump.PNG | Size 329 KB |
Overview ![]() | Filename grassn.png | Size 156 KB |
Overview ![]() | Filename normal.png | Size 695 KB |
Overview ![]() | Filename normalMap.jpg | Size 68 KB |
Overview ![]() | Filename rockn.png | Size 700 KB |
Overview ![]() | Filename waterbump.png | Size 68 KB |
Opacity / Alpha maps
Overview | Filename | Size |
---|---|---|
Overview ![]() | Filename candleopacity.png | Size 18 KB |
Overview ![]() | Filename opacity.png | Size 26 KB |
Overview ![]() | Filename WhiteTransarentRamp.png | Size 223 KB |
Sphere maps
Overview | Filename | Size |
---|---|---|
Overview ![]() | Filename sphereMap.png | Size 340 KB |
Overview ![]() | Filename test2D.dds | Size 2 MB |
360° Equirectangular maps (for PhotoDome)
In the Playground use
new BABYLON.PhotoDome("textureName", "textures/filename", { resolution: 32, size: 1000 }, scene);
CubeTextures
Standard
CubeTextures are in groups of six for each side of the cube, each starting with a common name.
In the Playground use
new BABYLON.CubeTexture("textures/common part of filenames", scene);//e.g.: new BABYLON.CubeTexture("textures/skykox2", scene);
Overview | Filename | Viewer | Size |
---|---|---|---|
Overview ![]() | Filename cubemapDebug/ (ktx available) | Viewer cubemapDebug | Size 6 x 80 KB |
Overview ![]() | Filename skybox | Viewer Skybox | Size 6 x 20 KB |
Overview ![]() | Filename skybox2 | Viewer Skybox 2 | Size 6 x 400 KB |
Overview ![]() | Filename skybox3 | Viewer Skybox 3 | Size 6 x 150 KB |
Overview ![]() | Filename skybox4 | Viewer Skybox 4 | Size 6 x 150 KB |
Overview ![]() | Filename skyboxBlack | Viewer Skybox Black | Size 6 x 7 KB |
Overview ![]() | Filename space | Viewer take a look | Size 6 x 200 KB |
Overview ![]() | Filename TropicalSunnyDay | Viewer take a look | Size 6 x 600 KB |
HDR
In the Playground use
new BABYLON.HDRCubeTexture("textures/filename", scene);
Overview | Filename | Viewer | Size |
---|---|---|---|
Overview ![]() | Filename country.hdr | Viewer take a look | Size 5.8 MB |
Overview ![]() | Filename environment.hdr | Viewer take a look | Size 5.8 MB |
Overview ![]() | Filename forest.hdr | Viewer take a look | Size 7.2 MB |
Overview ![]() | Filename night.hdr | Viewer take a look | Size 5.6 MB |
Overview ![]() | Filename parking.hdr | Viewer take a look | Size 6.1 MB |
Overview ![]() | Filename room.hdr | Viewer take a look | Size 5.7 MB |
HDR as .dds
In the Playground use
new BABYLON.CubeTexture.CreateFromPrefilteredData("textures/filename", scene);
Overview | Filename | Viewer | Size |
---|---|---|---|
Overview ![]() | Filename country.dds | Viewer take a look | Size 32.77 MB |
Overview ![]() | Filename environment.dds | Viewer take a look | Size 1 MB |
Overview ![]() | Filename forest.dds | Viewer take a look | Size 32.77 MB |
Overview ![]() | Filename night.dds | Viewer take a look | Size 32.77 MB |
Overview ![]() | Filename parking.dds | Viewer take a look | Size 32.77 MB |
Overview ![]() | Filename room.dds | Viewer take a look | Size 32.77 MB |
Overview ![]() | Filename Runyon_Canyon_A_2k_cube_specular.dds | Viewer take a look | Size 8 MB |
Overview ![]() | Filename SpecularHDR.dds | Viewer take a look | Size 16 MB |
Overview ![]() | Filename Studio_Softbox_2Umbrellas_cube_specular.dds | Viewer take a look | Size 8 MB |
In the Playground use
myMaterial.environmentBRDFTexture = new BABYLON.Texture("https://assets.babylonjs.com/environments/filename", scene, true, false);
Overview | Filename | Viewer | Size | Comment |
---|---|---|---|---|
Overview ![]() | Filename fullFloatEnvironmentBrdf.dds | Viewer take a look | Size 1.25 MB | Comment 32 bit version of the environment.dds file |
HDR as .env
In the Playground use
new BABYLON.CubeTexture("textures/filename", scene);
Overview | Filename | Viewer | Size |
---|---|---|---|
Overview ![]() | Filename country.env | Viewer take a look | Size 3.72 MB |
Overview ![]() | Filename environment.env | Viewer take a look | Size 350 KB |
Overview ![]() | Filename forest.env | Viewer take a look | Size 5.81 MB |
Overview ![]() | Filename night.env | Viewer take a look | Size 2.74 MB |
Overview ![]() | Filename parking.env | Viewer take a look | Size 3.45 MB |
Overview ![]() | Filename room.env | Viewer take a look | Size 4.92 MB |
Overview ![]() | Filename Runyon_Canyon_A_2k_cube_specular.env | Viewer take a look | Size 992 KB |
Overview ![]() | Filename SpecularHDR.env | Viewer take a look | Size 6.12 MB |
Overview ![]() | Filename Studio_Softbox_2Umbrellas_cube_specular.env | Viewer take a look | Size 203 KB |
Videos
In the Playground use
new BABYLON.VideoTexture("name", "textures/video.ext", scene);
Overview | Filename | Size |
---|---|---|
Overview ![]() | Filename babylonjs.mp4 | Size 21 MB |
Overview ![]() | Filename babylonjs.webm | Size 28.3 MB |
Overview ![]() | Filename big_buck_bunny.mp4 | Size 5.9 MB |
GUI
Icons
Textures are stored on textures/icons/
folder.
Overview | Filename | Size |
---|---|---|
Overview ![]() | Filename Back.png | Size 820 B |
Overview ![]() | Filename Crop.png | Size 820 B |
Overview ![]() | Filename Delete.png | Size 800 B |
Overview ![]() | Filename Dot.png | Size 5.2 KB |
Overview ![]() | Filename Download.png | Size 780 B |
Overview ![]() | Filename Edit.png | Size 1.25 KB |
Overview ![]() | Filename GearIcon.png | Size 7.16 KB |
Overview | Filename Icon_Fullscreen.svg | Size 303 B |
Overview ![]() | Filename Open.png | Size 1 KB |
Overview ![]() | Filename Pause.png | Size 480 B |
Overview ![]() | Filename Play.png | Size 1 KB |
Overview ![]() | Filename Redo.png | Size 1.25 KB |
Overview ![]() | Filename Refresh.png | Size 1.7 KB |
Overview ![]() | Filename Save.png | Size 780 B |
Overview ![]() | Filename Settings.png | Size 2.3 KB |
Overview ![]() | Filename Share.png | Size 1.2 KB |
Overview ![]() | Filename Undo.png | Size 1.2 KB |
Overview ![]() | Filename Upload.png | Size 780 B |
Overview ![]() | Filename Zoom.png | Size 1.5 KB |
Misc
Textures are stored on textures/gui/
folder.
Overview | Filename | Size |
---|---|---|
Overview ![]() | Filename backgroundImage.png | Size 3.1 KB |
Overview ![]() | Filename backgroundImage-vertical.png | Size 3.5 KB |
Overview ![]() | Filename thumb.png | Size 4.6 KB |
Overview ![]() | Filename valueImage.png | Size 1.3 KB |
Overview ![]() | Filename valueImage-vertical.png | Size 2.1 KB |
FX
Decals
Overview | Filename | Size |
---|---|---|
Overview ![]() | Filename impact.png | Size 4 KB |
Overview ![]() | Filename nba.png | Size 268 KB |
LensFlares
Overview | Filename | Size |
---|---|---|
Overview ![]() | Filename flare.png | Size 15 KB |
Overview ![]() | Filename lenscolor.png | Size 4 KB |
Overview ![]() | Filename lensdirt.jpg | Size 19 KB |
Overview ![]() | Filename lensflaredirt.png | Size 355 KB |
Overview ![]() | Filename lensstar.png | Size 384 KB |
LUT
In the Playground use
var LUTTexture = new BABYLON.Texture("textures/filename", scene);var postProcess = new BABYLON.ColorCorrectionPostProcess("color_correction", LUTTexture, 1.0, universalCamera);
Overview | Filename | Size |
---|---|---|
Overview ![]() | Filename colorGrade.png | Size 1 KB |
Overview ![]() | Filename colorGrade-highContrast.png | Size 6 KB |
Overview ![]() | Filename colorGrade-inverted.png | Size 4 KB |
Overview ![]() | Filename colorGrade-posterize.png | Size 2 KB |
Particles
Overview | Filename | Size |
---|---|---|
Overview ![]() | Filename Dot.png | Size 5.2 KB |
Overview ![]() | Filename fire.jpg | Size 44 KB |
Overview ![]() | Filename Fire_SpriteSheet_8x8.png | Size 170.5 KB |
Overview ![]() | Filename Fire_SpriteSheet1_8x8.png | Size 248.6 KB |
Overview ![]() | Filename Fire_SpriteSheet2_8x8.png | Size 220.7 KB |
Overview ![]() | Filename Fire_SpriteSheet3_8x8.png | Size 240.8 KB |
Overview ![]() | Filename FlashParticle.png | Size 5 KB |
Overview ![]() | Filename particle.png | Size 12 KB |
Overview ![]() | Filename Rain.png | Size 11 KB |
Overview ![]() | Filename Spark.png | Size 5.5 KB |
Overview ![]() | Filename sparkle.png | Size 93 KB |
Overview ![]() | Filename sparkle2.jpg | Size 70 KB |
Overview ![]() | Filename sparkStretched.png | Size 6.6 KB |
Overview ![]() | Filename sparks.png | Size 85.8 KB |
Sprites
Overview | Filename | Viewer | Size |
---|---|---|---|
Overview ![]() | Filename player.png | Viewer take a look | Size 138 KB |
Overview ![]() | Filename Smoke_SpriteSheet_8x8.png | Viewer take a look | Size 763 KB |
Overview ![]() | Filename walk.png | Viewer take a look | Size 33 KB |
Misc
Overview | Filename | Size |
---|---|---|
Overview ![]() | Filename backgroundGround.png | Size  |
Overview ![]() | Filename DemageFont.png | Size 7 KB |
Overview ![]() | Filename invmask.png | Size 5 KB |
Overview ![]() | Filename mask.png | Size 4 KB |
Overview ![]() | Filename misc.jpg | Size 49 KB |
Overview ![]() | Filename mixMap.png | Size 131 KB |
Overview ![]() | Filename mr.jpg | Size 22 KB |
Overview ![]() | Filename orient.jpg | Size 86 KB |
Overview ![]() | Filename roundMask.png | Size 8 KB |
Overview ![]() | Filename sg.png | Size 643 KB |
Overview ![]() | Filename specmap.png | Size 4.7 MB |
Overview ![]() | Filename spectorjsLayer.png | Size 30 KB |
Overview ![]() | Filename specularglossymap.png | Size 162 KB |
Overview ![]() | Filename xStrip.jpg | Size 28 KB |
Overview ![]() | Filename yStrip.jpg | Size 17 KB |
Overview ![]() | Filename zStrip.jpg | Size 25 KB |
Further reading
The Meshes Library
Learn about the free available meshes in the Babylon.js meshes library.

Using External Assets In the Playground
Learn how to use external assets in the playground in Babylon.js.
