Scene

The scene is somewhat like the stage on which all the meshes are placed to be seen and the cameras and lights are placed that make them viewable. Of course there are more than meshes, cameras and lights that make a scene a good experience for your users, for example the user interface. Also there are special effects to be had to make the environment more realistic. Want to overlap two or more scenes that is possible as well.

Want to build a scene with the minimum of code then fast build is for you.

What else might you expect of your scene? You might expect to be able to

  • have the scene react to clicks and touches;
  • have your own design displayed when your scene is loading;
  • optimise your scene to maintain a good speed;
  • output images of particular views of your scene.

Coming next

In-Depth layerMask
Learn how the layerMask property work accross the library
In-Depth layerMask
Scene
Learn how to quickly build a world in a "scene" within Babylon.js.
Scene
Interacting With Scenes
Begin learning about how to develop interactions for your Babylon.js scenes.
Interacting With Scenes
Using Multiple Scenes
Learn about using multiple scenes at the same time in Babylon.js.
Using Multiple Scenes
Using Multiple Canvases
Learn about using multiple canvases at the same time in Babylon.js.
Using Multiple Canvases
Applying Delta Changes To A Scene
Learn about using the delta system in Babylon.js to save and reload changes made to your scenes.
Applying Delta Changes To A Scene
Creating Custom Loading Screens
Learn how to create custom loading screens in Babylon.js.
Creating Custom Loading Screens
Optimizing Your Scene
Learn how to optimize your scene in Babylon.js.
Optimizing Your Scene
The Scene Optimizer
Learn all about the scene optimizer in Babylon.js.
The Scene Optimizer
Optimizing With Octrees
Learn how to optimize your scene using octrees in Babylon.js.
Optimizing With Octrees
Optimizing Using Cached Resources
Learn how to optimize your scene using cached resources in Babylon.js.
Optimizing Using Cached Resources
Reducing Memory Footprint
Learn how to reduce the memory footprint of scenes in Babylon.js.
Reducing Memory Footprint
Offscreen Canvas
Learn all about the offscreen canvas in Babylon.js.
Offscreen Canvas
Render Scenes To .png Files
Learn how to render scenes to .png files.
Render Scenes To .png Files
Render Scenes To Video.
Learn how to render scenes to video files.
Render Scenes To Video.
Using Clipping Planes
Learn all about clipping planes in Babylon.js.
Using Clipping Planes
Rendering Scenes On A Remote Server
Learn how to render scenes on a remote server and take screenshots.
Rendering Scenes On A Remote Server