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);

Overview	Filename	Viewer	Size
Overview	Filename 360photo.jpg	Viewer 360 Photo	Size 2.5 MB
Overview	Filename equirectangular.jpg	Viewer Equirectangular	Size 279 KB
Overview	Filename GatonaParkWalkway1_Panorama_4Kx2K.jpg	Viewer GatonaParkWalkway Panorama	Size 5.5 MB

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

The Texture Library

Textures Available To the Playground

Diffuse / Albedo maps

Height maps

Metallic maps

Normal maps

Opacity / Alpha maps

Sphere maps

360° Equirectangular maps (for PhotoDome)

CubeTextures

Standard

HDR

HDR as .dds

HDR as .env

Videos

GUI

Icons

Misc

FX

Decals

LensFlares

LUT

Particles

Sprites

Misc

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.