# Babylon Toolkit The Babylon Toolkit extension is an advanced game development framework that provides modern game engine mechanics for BabylonJS. # Download Files https://github.com/BabylonJS/BabylonToolkit/tree/master/Editors https://github.com/BabylonJS/BabylonToolkit/tree/master/Runtime https://github.com/BabylonJS/BabylonToolkit/tree/master/Modules https://github.com/BabylonJS/BabylonToolkit/tree/master/Snippets # Runtime Library The **babylon.toolkit.js** runtime library **must** be loaded in your host environment: ```html ``` Or at runtime: ```typescript await BABYLON.Tools.LoadScriptAsync("scripts/babylon.toolkit.js"); ``` Or on playgrounds: ```typescript await TOOLKIT.SceneManager.InitializeRuntime(engine); ``` Or node package manager: ``` npm install babylon-toolkit ``` # Node Package Manager A universal runtime library packaged for UMD and ES6 projects. https://www.npmjs.com/package/babylon-toolkit # Entity Component System The **Script Component** is the foundation of the babylon toolkit extended framework. It was modeled after Unity's MonoBehavior class: ```typescript namespace PROJECT { export class SampleScript extends TOOLKIT.ScriptComponent { constructor(transform: BABYLON.TransformNode, scene: BABYLON.Scene, properties: any = {}, alias: string = "PROJECT.SampleScript") { super(transform, scene, properties, alias); } protected awake(): void { /* Init component function */ } protected start(): void { /* Start component function */ } protected ready(): void { /* Execute when ready function */ } protected update(): void { /* Update render loop function */ } protected late(): void { /* Late update render loop function */ } protected step(): void { /* Before physics step function (remove empty function for performance) */ } protected fixed(): void { /* After physics step function (remove empty function for performance) */ } protected after(): void { /* After update render loop function */ } protected reset(): void { /* Reset component function */ } protected destroy(): void { /* Destroy component function */ } } } ``` # Getting Started Your First TypeScript Playground (TS) Your First JavaScript Playground (JS) # AI Coding Assistants The @codewrx Copilot Agent and ChatGPT Agent have been extensively trained for web game development # Content Creation Tools The Unity Exporter and Unreal Exporter plugins allow you to export interactive GLTF content and scripts Unity Starter Content ---------------------- TypeScript Starter Playground (TS) JavaScript Starter Playground (JS) WebGPU Starter Playground (TS)