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 |