Marble Procedural Texture

Expand

Using the Marble procedural texture

Marble procedural texture can be found here:

• Normal: Normal
• Minified : Minified

A demo can be found here: Marble Procedural Texture Demo

This texture has 4 parameters:

• numberOfTilesHeight controls the number of tiles vertically (Int)
• numberOfTilesWidth controls the number of tiles horizontally (Int)
• jointColor changes the color of the joint between tiles (BABYLON.Color3/4)
• marbleColor changes the color for the tile itself (BABYLON.Color3/4)

import { StandardMaterial } from "@babylonjs/core/Materials/standardMaterial";
import { MarbleProceduralTexture } from "@babylonjs/procedural-textures/marble/marbleProceduralTexture";
var marbleMaterial = new StandardMaterial("marbleMat", scene);
var marbleTexture = new MarbleProceduralTexture("marbleTex", 512, scene);
marbleTexture.numberOfTilesHeight = 5;
marbleTexture.numberOfTilesWidth = 5;
marbleMaterial.ambientTexture = marbleTexture;