
## Running the project

Since Babylon.JS Editor v4.0.0-rc.3, it is possible to play the scene currently being edited directly in the Editor. This means the scene, as it appears in the Editor, can be played directly, including all scripts that are attached to it. This is particularly useful for testing the scene itself and seeing whether the scripts/components are working as intended.

## Playing the scene
In the middle of the tools toolbar, there are 2 buttons:
- Play / Stop (on the left), which generates the scene and plays it in the Editor's preview panel.
- Restart (on the right), which simply reloads the scene to be played.

![PlayStopButtons](/img/extensions/Editor/RunningProject/play-stop-buttons.webp)

Once the play button is clicked, the scene being edited in the preview panel disappears so the test scene can be shown. Once the scene to test is loaded, you can play it and see whether all scripts are working as intended.

![PlayScene](/img/extensions/Editor/RunningProject/playing_scene.webp)

## Debugging the scene
All templates in the Editor offer a way to debug TypeScript code directly in VSCode. Just press F5 and place breakpoints or `debugger;` statements in your code.

**Note: type F5 before running the scene as the remote debugger will not (sometimes) be able to attach the process created on the fly to run the scene.**

Once VSCode is attached to the Editor, run the scene and debug your code using your favorite shortcuts and debugging tools:

![DebugScene](/img/extensions/Editor/RunningProject/debugging.webp)



## Running the application/game

Once all dependencies have been installed and the game has been built, it can be run using 2 methods:
* In an integrated browser: this simply opens a new window with the application/game rendered in it
* In the user's default browser: this starts a local web server and opens the user's default browser (Firefox, for example).

For developers, running the game in the user's default browser makes it easy to open the devtools (using F12) and debug the game.

By default, the Editor opens the integrated browser. To have these options available in the Editor, simply `right-click` the `Play` button in the toolbar and select `Play in my browser`:

![PlayApplicationOrGame](/img/extensions/Editor/RunningWorkspace/run.webp)

# Using a Custom Web Server
In the case of a custom web server (for example, using the Webpack dev server or a fully custom web server with custom APIs, etc.), you will have to manually open the browser and point it to the desired URL.

When you click the `Play` button, the editor launches a basic web server (that serves only files) to run the project. Once the basic web server is started, the preview loads the URL `http://localhost:port/index.html`. That means that, in the case of a fully customized web server/environment, the preview feature should no longer be used because the project is set to run in that customized environment.


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



## Renaming a Scene

To rename a scene, just go to the `Assets Browser` panel and rename the scene file by double-clicking its name.

Once accepted, the following folders will be renamed:

- _`workspacePath`/projects/`oldname`_ -> _`workspacePath`/projects/`newname`_
- _`workspacePath`/scenes/`oldname`_ -> _`workspacePath`/scenes/`newname`_

Scene names must be unique. If the folders already exist (in other words, if the scene already exists),
then the operation is aborted.

## Renaming paths in loaders in sources

Paths to scenes loaded in the code must also be updated.

For example:

```typescript
const rootUrl = "./scenes/oldName/";

AppendSceneAsync(rootUrl + "scene.babylon", this.scene, () => {
  // ...
});
```

should be updated to:

```typescript
const rootUrl = "./scenes/newName/";

AppendSceneAsync(rootUrl + "scene.babylon", this.scene, () => {
  // ...
});
```


Running workspaces and projects in Babylon.JS Editor

Coming next

Running/playing a project

Understanding how to play a single project in the Babylon.js Editor

Running/playing a workspace

Understanding how to play a workspace