The Texture Library

Textures Available in the Playground

These files are in the textures folder of the Playground and can be loaded as Textures, CubeTextures, HDRCubeTextures, or EXRCubeTextures.

Diffuse / Albedo maps

In the Playground, use

import { Texture } from "@babylonjs/core/Materials/Textures/texture";
new Texture("textures/filename", scene);

Overview	Filename	Size
	albedo.png	590 KB
	amiga.jpg	2 KB
	BJS-logo_v3.png (ktx available)	39 KB
	bloc.jpg	3 KB
	checkerBJS.png (ktx available)	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

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

Metallic maps

Overview	Filename	Size
	reflectivity.png	92 KB

Normal maps

Overview	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

Overview	Filename	Size
	candleopacity.png	18 KB
	opacity.png	26 KB
	WhiteTransarentRamp.png	223 KB

Sphere maps

Overview	Filename	Size
	sphereMap.png	340 KB
	test2D.dds	2 MB

360° Equirectangular maps (for PhotoDome)

In the Playground, use

import { PhotoDome } from "@babylonjs/core/Helpers/photoDome";
new PhotoDome("textureName", "textures/filename", { resolution: 32, size: 1000 }, scene);

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

CubeTextures

Standard

CubeTextures come in groups of six, one for each side of the cube, and each group starts with a common name.

In the Playground, use

import { CubeTexture } from "@babylonjs/core/Materials/Textures/cubeTexture";
new CubeTexture("textures/common part of filenames", scene);

Filename	Viewer	Size
cubemapDebug/ (ktx available)	cubemapDebug	6 x 80 KB
skybox	Skybox	6 x 20 KB
skybox2	Skybox 2	6 x 400 KB
skybox3	Skybox 3	6 x 150 KB
skybox4	Skybox 4	6 x 150 KB
skyboxBlack	Skybox Black	6 x 7 KB
space	take a look	6 x 200 KB
TropicalSunnyDay	take a look	6 x 600 KB

HDR

In the Playground, use

import { HDRCubeTexture } from "@babylonjs/core/Materials/Textures/hdrCubeTexture";
new HDRCubeTexture("textures/filename", scene);

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

import { CubeTexture } from "@babylonjs/core/Materials/Textures/cubeTexture";
new CubeTexture.CreateFromPrefilteredData("textures/filename", scene);

Filename	Viewer	Size
country.dds	take a look	32.77 MB
environment.dds	take a look	1 MB
forest.dds	take a look	32.77 MB
night.dds	take a look	32.77 MB
parking.dds	take a look	32.77 MB
room.dds	take a look	32.77 MB
Runyon_Canyon_A_2k_cube_specular.dds	take a look	8 MB
SpecularHDR.dds	take a look	16 MB
Studio_Softbox_2Umbrellas_cube_specular.dds	take a look	8 MB

In the Playground, use

import { Texture } from "@babylonjs/core/Materials/Textures/texture";
myMaterial.environmentBRDFTexture = new Texture("https://assets.babylonjs.com/environments/filename", scene, true, false);

Overview	Filename	Viewer	Size	Comment
	fullFloatEnvironmentBrdf.dds	take a look	1.25 MB	32 bit version of the environment.dds file

HDR as .env

In the Playground, use

import { CubeTexture } from "@babylonjs/core/Materials/Textures/cubeTexture";
new CubeTexture("textures/filename", scene);

Filename	Viewer	Size
country.env	take a look	3.72 MB
environment.env	take a look	350 KB
forest.env	take a look	5.81 MB
night.env	take a look	2.74 MB
parking.env	take a look	3.45 MB
room.env	take a look	4.92 MB
Runyon_Canyon_A_2k_cube_specular.env	take a look	992 KB
SpecularHDR.env	take a look	6.12 MB
Studio_Softbox_2Umbrellas_cube_specular.env	take a look	203 KB

Videos

In the Playground, use

import { VideoTexture } from "@babylonjs/core/Materials/Textures/videoTexture";
new VideoTexture("name", "textures/video.ext", scene);

Overview	Filename	Size
	babylonjs.mp4	21 MB
	babylonjs.webm	28.3 MB
	big_buck_bunny.mp4	5.9 MB

GUI

Icons

Textures are stored in the textures/icons/ folder.

Overview	Filename	Size
	Back.png	820 B
	Crop.png	820 B
	Delete.png	800 B
	Dot.png	5.2 KB
	Download.png	780 B
	Edit.png	1.25 KB
	GearIcon.png	7.16 KB
	Icon_Fullscreen.svg	303 B
	Open.png	1 KB
	Pause.png	480 B
	Play.png	1 KB
	Redo.png	1.25 KB
	Refresh.png	1.7 KB
	Save.png	780 B
	Settings.png	2.3 KB
	Share.png	1.2 KB
	Undo.png	1.2 KB
	Upload.png	780 B
	Zoom.png	1.5 KB

Misc

Textures are stored in the textures/gui/ folder.

Overview	Filename	Size
	backgroundImage.png	3.1 KB
	backgroundImage-vertical.png	3.5 KB
	thumb.png	4.6 KB
	valueImage.png	1.3 KB
	valueImage-vertical.png	2.1 KB

FX

Decals

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

LensFlares

Overview	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

import { Texture } from "@babylonjs/core/Materials/Textures/texture";
import { ColorCorrectionPostProcess } from "@babylonjs/core/PostProcesses/colorCorrectionPostProcess";
var LUTTexture = new Texture("textures/filename", scene);
var postProcess = new ColorCorrectionPostProcess("color_correction", LUTTexture, 1.0, universalCamera);

Overview	Filename	Size
	colorGrade.png	1 KB
	colorGrade-highContrast.png	6 KB
	colorGrade-inverted.png	4 KB
	colorGrade-posterize.png	2 KB

Particles

Overview	Filename	Size
	Dot.png	5.2 KB
	fire.jpg	44 KB
	Fire_SpriteSheet_8x8.png	170.5 KB
	Fire_SpriteSheet1_8x8.png	248.6 KB
	Fire_SpriteSheet2_8x8.png	220.7 KB
	Fire_SpriteSheet3_8x8.png	240.8 KB
	FlashParticle.png	5 KB
	particle.png	12 KB
	Rain.png	11 KB
	Spark.png	5.5 KB
	sparkle.png	93 KB
	sparkle2.jpg	70 KB
	sparkStretched.png	6.6 KB
	sparks.png	85.8 KB

Sprites

Filename	Viewer	Size
player.png	take a look	138 KB
Smoke_SpriteSheet_8x8.png	take a look	763 KB
walk.png	take a look	33 KB

Misc

Overview	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

The Texture Library

Textures Available in 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.