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);
Filename Image
albedo.png
amiga.jpg
BJS-logo_v3.png
bloc.jpg
cloud.png
cloud.png
co.png
crate.png
earth.jpg
equirectangular.jpg
fire.png
floor.png
fur.jpg
grass.jpg
grass.dds
grass.png
ground.jpg
lavatile.jpg
leopard_fur.JPG
Logo.png
palm.png
rock.png
sand.jpg
speckles.jpg
stars.png
sun.png
SunDiffuse.png
tree.png

Height maps

Filename Image
distortion.png
heightMap.png
heightMapTriPlanar.png
worldHeightMap.jpg

Metallic maps

Filename Image
reflectivity.png

Normal maps

Filename Image
floor_bump.PNG
grassn.png
normal.png
normalMap.jpg
rockn.png
waterbump.png

Opacity / Alpha maps

Filename Image
candleopacity.png
WhiteTransarentRamp.png

Sphere maps

Filename Image
sphereMap.png

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);
Filename Image Viewer
skybox

take a look -

skybox2

take a look -

skybox3

take a look -

skybox4

take a look -

TropicalSunnyDay

take a look -

HDR

In the Playground use

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

environment.hdr take a look -

forest.hdr take a look -

night.hdr take a look -

parking.hdr take a look -

room.hdr take a look -

HDR as .dds

In the Playground use

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

SpecularHDR.dds take a look -

In the Playground use

myMaterial.environmentBRDFTexture = new BABYLON.Texture("https://assets.babylonjs.com/environments/filename", scene, true, false);
Filename Overview Viewer 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);
  • babylonjs.mp4
  • babylonjs.webm
  • big_buck_bunny.mp4

FX

Decals

Filename Image
impact.png
nba.png

LensFlares

Filename Image
flare.png
lenscolor.png
lensdirt.jpg
lensflaredirt.png
lensstar.png

LUT

In the Playground use

    var LUTTexture = new BABYLON.Texture("textures/filename", scene);
    var postProcess = new BABYLON.ColorCorrectionPostProcess("color_correction", LUTTexture, 1.0, universalCamera);
Filename Image
colorGrade.png
colorGrade-highContrast.png
colorGrade-inverted.png
colorGrade-posterize.png

Particles

Filename Image
fire.jpg
particle.png
sparkle.png
sparkle2.jpg

Sprites

Filename Image
player.png
walk.png

Misc

Filename Image
backgroundGround.png
DemageFont.png
invmask.png
mask.png
misc.jpg
mixMap.png
mr.jpg
orient.jpg
roundMask.png
sg.png
specmap.png
spectorjsLayer.png
specularglossymap.png
xStrip.jpg
yStrip.jpg
zStrip.jpg