
Learn how to manage assets in the Babylon.js Editor.



Learn how to create and edit collisions on meshes in a scene using the Babylon.js Editor.



## Welcome to the Babylon.JS Editor documentation

Welcome to the documentation for the Babylon.JS Editor. A series of tutorials is available to help you understand the basics of the Editor. It is recommended that you read the tutorials before getting started with the Editor.

Please note that the Editor is a community project maintained mostly by Julien Moreau-Mathis ([@luaacro](https://twitter.com/Luaacro)).

## Downloading
The Babylon.js Editor is available as a desktop application using Electron.
When an update is available (new features, bug fixes), you will be notified and the editor will download the new installer for you.

The Editor supports Windows, macOS and Linux and can be downloaded through its website: http://editor.babylonjs.com/

## External tutorials

Some external tutorials are available:

* [Introduction to the Babylon.JS Editor v4](https://www.crossroad-tech.com/entry/babylonjs-editor-v4-introduction-en) by [@Limes2018](https://gist.github.com/flushpot1125)

## External examples

Some project examples are available on GitHub:

* [Using WebXR with Babylon.JS Editor v4](https://github.com/flushpot1125/WebXR_VRController_Editor_template) by [@Limes2018](https://gist.github.com/flushpot1125)

## Useful shortcuts

### Global
* `Ctrl+s` or `Command+s`: save the project.
* `Ctrl+f` or `Command+f`: find a node in the current scene or run a command
* `Ctrl+r` or `Command+r`: run the application/game in the integrated browser
* `Ctrl+b` or `Command+b`: build the project (using Webpack, this can take a while)
* `Ctrl+g` or `Command+g`: generate the project (generates all outputs of the current project (scripts, scene files, etc.))
* `Ctrl+Shift+r` or `Command+Shift+r`: build and run the application/game
* `Ctrl+z` or `Command+z`: Undo action
* `Ctrl+y` or `Command+Shift+z`: Redo action

### In preview
* `f`: focus the selected node
* `t`: enable/disable the position gizmo
* `r`: enable/disable the rotation gizmo
* `w`: enable/disable the scaling gizmo
* `i`: toggle the isolated mode. Isolated mode is used to help debugging a mesh by isolating it. Just select a mesh in the Editor and then type `i`. `escape` to exit isolation mode.
* `suppr.`: remove the selected node
* `Ctrl+c` or `Command+c`: copy the selected node
* `Ctrl+v` or `Command+v`: paste the previously copied node. In the case of a mesh, a new instance will be created instead of a real clone of the mesh.



Learn how to create and edit physics on meshes in a scene using the Babylon.js Editor.



Learn how to run and debug workspaces and projects in the Babylon.js Editor.



Learn how to create, edit, and attach scripts to nodes in a scene using the Babylon.js Editor.



Learn how to deal with possible errors and issues that can happen with the Babylon.js Editor.



Learn how to manage workspaces in the Babylon.js Editor.



Welcome to the documentation for the Babylon.JS Editor. A series of tutorials is available to help you understand the basics of the Editor. It is recommended that you read the tutorials before getting started with the Editor.

Please note that the Editor is a community project maintained mostly by Julien Moreau-Mathis ([@luaacro](https://twitter.com/Luaacro)).



![Generated Tree ](/img/extensions/trees/quick1.webp)

The function QuickTreeGenerator uses a sphere with randomized vertices to generate a tree.

A demo can be found at: <Playground id="/#XG2DFK" title="Quick Tree Generator Example" description="Simple example of the quick tree generator."/>

## How to use it

Clone or copy the file https://github.com/BabylonJS/Extensions/tree/master/TreeGenerators/QuickTreeGenerator

```javascript
const tree = QuickTreeGenerator(sizeBranch, sizeTrunk, radius, trunkMaterial, leafMaterial, scene);
```

## Parameters

sizeBranch - Sphere radius used for branches and leaves, 15 to 20.

sizeTrunk - Height of the trunk, 10 to 15.

radius - Radius of the trunk, 1 to 5.

trunkMaterial - Material used for the trunk.

leafMaterial - Material for the canopies.


Babylon.js Editor

Coming next

Babylon.js Editor Workspaces

Learn how to manage workspaces in the Babylon.js Editor.

Getting Started with the Editor

Getting Started with the Babylon.js Editor, a community project maintained mostly by Julien Moreau-Mathis.

Running workspaces and projects in Babylon.JS Editor

Learn how to run and debug workspaces and projects in the Babylon.js Editor.

Babylon.js Editor Assets

Learn how to manage assets in the Babylon.js Editor.

Attaching scripts in Babylon.JS Editor

Learn how to create, edit, and attach scripts to nodes in a scene using the Babylon.js Editor.

Using physics in Babylon.JS Editor

Learn how to create and edit physics on meshes in a scene using the Babylon.js Editor.

Configuring collisions in Babylon.JS Editor

Learn how to create and edit collisions on meshes in a scene using the Babylon.js Editor.

Troubleshooting Babylon.js Editor

Learn how to deal with possible errors and issues that can happen with the Babylon.js Editor