
The online Playground allows you to quickly experiment with a 3D scene using Babylon.js. All the code is written inside the **createScene** function which must return a scene. A scene, camera and light must always be present. Displaying the scene is all done by the Playground. No need to load or run the babylon.js Engine as this is all done for you, in the background.


### Playground Example
In this playground a sphere and a ground have been created. Try changing the diameter of the sphere or the width of the ground. After any editing just select the run button &#x25B6; to rebuild the scene.  

<Playground id="#WJXQP0" title="Basic Playground" description="CreateScene Playground." />  

### Description

```javascript
const createScene = function () {
    // Creates a basic Babylon Scene object
    const scene = new BABYLON.Scene(engine);
    // Creates and positions a free camera
    const camera = new BABYLON.FreeCamera("camera1", 
        new BABYLON.Vector3(0, 5, -10), 
        scene);
    // Targets the camera to scene origin
    camera.setTarget(BABYLON.Vector3.Zero());
    // Attaches the camera to the canvas
    camera.attachControl(canvas, true);
    // Creates a light, aiming 0,1,0
    const light = new BABYLON.HemisphericLight("light", 
        new BABYLON.Vector3(0, 1, 0), 
        scene);
    // Dim the light a small amount 0 - 1
    light.intensity = 0.7;
    // Built-in 'sphere' shape.
    const sphere = BABYLON.MeshBuilder.CreateSphere("sphere", 
        {diameter: 2, segments: 32}, 
        scene);
    // Move sphere upward 1/2 its height
    sphere.position.y = 1;
    // Built-in 'ground' shape.
    const ground = BABYLON.MeshBuilder.CreateGround("ground", 
        {width: 6, height: 6}, 
        scene);
    return scene;
};
```



Welcome to the wonderful 3D world of Babylon.js and 3D on the web. Beginners to coding in JavaScript should be able to learn a lot from the examples, however we strongly suggest that you gain a working knowledge of JavaScript before starting to develop your own projects.

In moving through the Introduction we introduce you to the features of Babylon.js. We present code examples using our playground, show you how to add models to your website and how to import your own models into your Babylon.js game or app. Once you have covered all the chapters you will be aware, at a foundation level, of what Babylon.js has to offer you. When you are ready, our full range of docs will help you dive deeper into Babylon.js. One day soon you will find yourself part of the Babylon.js community creating new ways to work with Babylon.js and, who knows, contributing to it as well.



# Babylon.js Features

This section will help you learn all about the breadth and depth of features available with Babylon.js and how to use them. Buckle up! There's a LOT!