resources

Available Textures in the Playground


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);
Image Filename Size
albedo.png 590 KB
amiga.jpg 2 KB
BJS-logo_v3.png 39 KB
bloc.jpg 3 KB
checkerBJS.png 38 KB
cloud.png 58 KB
lava/cloud.png 81 KB
co.png 2 KB
crate.png 80 KB
earth.jpg 261KB
fire.png 44 KB
floor.png 509 KB
fur.jpg 140 KB
grass.jpg 750 KB
grass.dds 43 KB
grass.png 620 KB
ground.jpg 506 KB
lava/lavatile.jpg 546 KB
leopard_fur.JPG 9 KB
Logo.png 12 KB
mercator.jpg 977 KB
mercator2.jpg 87 KB
palm.png 392 KB
rock.png 260 KB
sand.jpg 496 KB
speckles.jpg 7 KB
stars.png 188 KB
sun.png 7 KB
SunDiffuse.png 799 KB
tree.png 304 KB

Height maps

Image Filename Size
distortion.png 42 KB
heightMap.png 39 KB
heightMapTriPlanar.png 44 KB
worldHeightMap.jpg 92 KB

Metallic maps

Image Filename Size
reflectivity.png 92 KB

Normal maps

Image Filename Size
floor_bump.PNG 329 KB
grassn.png 156 KB
normal.png 695 KB
normalMap.jpg 68 KB
rockn.png 700 KB
waterbump.png 68 KB

Opacity / Alpha maps

Image Filename Size
candleopacity.png 18 KB
WhiteTransarentRamp.png 223 KB

Sphere maps

Image Filename Size
sphereMap.png 340 KB

Equirectangular maps (for PhotoDome)

In the Playground use

new BABYLON.PhotoDome("textureName", "textures/filename", {resolution: 32, size: 1000}, scene);
Image Filename Viewer Size
360photo.jpg take a look -

2.5 MB
equirectangular.jpg take a look -

279 KB

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


skybox take a look -

6 x 20 KB


skybox2 take a look -

6 x 400 KB


skybox3 take a look -

6 x 150 KB


skybox4 take a look -

6 x 150 KB


TropicalSunnyDay take a look -

6 x 600 KB

HDR

In the Playground use

new BABYLON.HDRCubeTexture("textures/filename", scene);
Overview Filename Viewer Size
country.hdr take a look -

5.8 MB
environment.hdr take a look -

5.8 MB
forest.hdr take a look -

7.2 MB
night.hdr take a look -

5.6 MB
parking.hdr take a look -

6.1 MB
room.hdr take a look -

5.7 MB

HDR as .dds

In the Playground use

new BABYLON.CubeTexture.CreateFromPrefilteredData("textures/filename", scene);
Overview Filename Viewer Size
environment.dds take a look -

1 MB
SpecularHDR.dds take a look -

16 MB

HDR as .env

In the Playground use

new BABYLON.CubeTexture("textures/filename", scene);
Overview Filename Viewer Size
environment.env take a look -

350 KB

In the Playground use

myMaterial.environmentBRDFTexture = new BABYLON.Texture("https://assets.babylonjs.com/environments/filename", scene, true, false);
Overview Filename Viewer Size Comment
fullFloatEnvironmentBrdf.dds take a look -

32 bit version of the environment.dds file

Videos

In the Playground use

new BABYLON.VideoTexture("name", "textures/video.ext", scene);
Filename Size
babylonjs.mp4 21 MB
babylonjs.webm 28.3 MB
big_buck_bunny.mp4 5.9 MB

FX

Decals

Image Filename Size
impact.png 4 KB
nba.png 268 KB

LensFlares

Image Filename Size
flare.png 15 KB
lenscolor.png 4 KB
lensdirt.jpg 19 KB
lensflaredirt.png 355 KB
lensstar.png 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);
Image Filename Size
colorGrade.png 1 KB
colorGrade-highContrast.png 6 KB
colorGrade-inverted.png 4 KB
colorGrade-posterize.png 2 KB

Particles

Filename Image Size
fire.jpg 44 KB
particle.png 12 KB
sparkle.png 93 KB
sparkle2.jpg 70 KB

Sprites

Image Filename Size
player.png 138 KB
walk.png 33 KB

Misc

Image Filename Size
backgroundGround.png
DemageFont.png 7 KB
invmask.png 5 KB
mask.png 4 KB
misc.jpg 49 KB
mixMap.png 131 KB
mr.jpg 22 KB
orient.jpg 86 KB
roundMask.png 8 KB
sg.png 643 KB
specmap.png 4.7 MB
spectorjsLayer.png 30 KB
specularglossymap.png 162 KB
xStrip.jpg 28 KB
yStrip.jpg 17 KB
zStrip.jpg 25 KB