Download
Creating a project
Dashboard
When opening the Babylon.JS Editor application, the first window that appears is the dashboard.
The dashboard is the place where you can create, open, and manage your projects.
By default, the dashboard is empty showing no project has been found.
Two options here:
  • Click the "Create project" button to create a new project.
  • Click the "Import project" in order to register and already existing project in the dashboard.
Create project
A new project is created based on a template that runs with Next.JS. It is highly recommanded to have a basic understanding of React and Next.JS before starting.
When creating a new project, the dashboard asks for a folder where to locate the created project.
Click the "Browse..." button and select an empty folder.
Once you are ready, just click the "Create" button and a new project will appear in the dashboard.
This project is now ready to be opened and edited. Because it has never been opened, a "question mark" icon is displayed. Each time a project is saved in the editor, the icon will change to a preview image of the project.
Now, to open and edit the project, just double-click the project in the dashboard and the editor will open.
Each time a project is opened, the editor will update all dependencies by itself using "yarn". This step is mandatory and cannot be skipped.
Dependencies are updated automatically to ensure the project is always up-to-date and working properly.
Moreover, the editor supports plugins. Those plugins can be installed "per-project" so they are, by definition, dependencies of the project that must be updated.
Import project
In case you already created a project and want to import it in your dashboard, you can use the "Import project" button.
The dashboard configuration is local to the computer. It means that if you have a project on another computer, you can import it in the dashboard of the current computer.
When importing a project, the dashboard asks for the project file. Just locate the right folder and select the ".bjseditor" file.
Click "Open" and the project will be imported in the dashboard.