Classic Edition

The Babylon Toolkit is a runtime library extension for BabylonJS development that provides modern programming mechanics with a familiar Unity like scripting model to fast track native web game development.

We recommend using the ES6 Next Edition of the Babylon Toolkit for new projects

Next Edition (ES6) Browser Library (CDN)

Basic Installation

npm install babylonjs-toolkit

Default Installation (UMD)

npm install babylonjs babylonjs-gui babylonjs-addons babylonjs-loaders babylonjs-materials babylonjs-inspector babylonjs-toolkit

• Global Import Side Effects (main.ts)

import 'babylonjs';
import 'babylonjs-gui';
import 'babylonjs-loaders';
import 'babylonjs-materials';
import 'babylonjs-toolkit';

• TypeScript Configuration Settings (tsconfig.json)

"types": [
    "babylonjs",
    "babylonjs-gui",
    "babylonjs-loaders",
    "babylonjs-gltf2interface",
    "babylonjs-materials",
    "babylonjs-toolkit"
]

Vite Configuration (UMD)

The Vite bundle services behave differently in devmode than production. To preserve some required classes during devmode, these exclude and include settings are strongly recommended in your vite.config.js settings file.

  optimizeDeps: {
    exclude: ["babylonjs-inspector"],
    include: mode === 'development' ? [
      "babylonjs",
      "babylonjs-gui",
      "babylonjs-addons",
      "babylonjs-loaders",
      "babylonjs-materials",
      "babylonjs-toolkit",
    ] : [],
  },

Note: The BABYLON and TOOLKIT and PROJECT namespaces are globally accessible for UMD style project script bunndles.