node package manager
We need your input. Help make JavaScript better: Take the 2017 JavaScript Ecosystem survey ยป


Babylon.js Procedural Textures Library

For usage documentation please visit and choose "procedural textures library".

Installation instructions


Compiled js files (minified and source) are offered on our public CDN here:


To install using npm :

npm install --save babylonjs babylonjs-procedural-textures

If using TypeScript, the typing needs to be added to tsconfig.json:

    "types": [

Afterwards it can be imported to the project using:

import * as BABYLON from 'babylonjs';
import 'babylonjs-procedural-textures';

This will extend Babylon's namespace with the procedural textures available:

// Some awesome code
var fireMaterial = new BABYLON.StandardMaterial("fontainSculptur2", scene);
var fireTexture = new BABYLON.FireProceduralTexture("fire", 256, scene);
fireMaterial.diffuseTexture = fireTexture;
fireMaterial.opacityTexture = fireTexture;
// Some more awesome code

Using webpack to package your project will use the minified js file.