
## Diving Deeper

We hope you have enjoyed splashing around in the Getting Started section and are now ready to plunge into understanding more of what is possible with Babylon.js. Looking for something specific and cannot find it within the navigation menu or landing page selections then head for the search bar and the results will cover the all the documentation including the API. Below shows you the surface of the vast ocean that is this intermediate section of Babylon.js, dive in to get a deeper understanding.


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.



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;
};
```



# 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!


# Make the Best use of The Forum

The [Babylon.js forum](https://forum.babylonjs.com) is a fantastic place to get help or help others.
This short page is intended to help you get the best answer as quickly as possible.

## What to do if you have a question for the forum

The best way to get an answer quickly is to follow this 3 easy steps:

- Search about your issue on the [documentation](/search). Maybe the problem you have is just a matter of understanding how the API works?
- Search about your issue on the [forum](https://forum.babylonjs.com/search). Maybe someone else already had the same problem?
- Provide a reproduction of your issue within the [playground](https://playground.babylonjs.com). Questions with a playground are likely to get a answer within the next two hours. It is really hard for the community to help without a repro because of the inner rich nature of JavaScript, WebGL and Babylon.js. Consider this step **mandatory**.

## Go Explore

Thank you so much for taking the time to read through these first 3 starting pages of the documentation. We sincerely hope that they will help you get started off with a solid foundation and help you accelerate your learning.

The next step in your learning journey is entirely your choice, but if you're looking for suggestions, then we'd recommend either diving into the [Babylon.js Features](/features) category to start using Babylon and learn about the rich capabilities of the engine....OR....visiting the [Adding Babylon.js to Your Web Project](/setup) category to learn how to get your Babylon.js web application set up successfully.


Babylon.js Features

Coming next

Starter Scene Code

Describes getting started with the features of Babylon.js and the code for them

Introduction to Babylon.js Features

Welcome to Babylon.js. Introducing the first step into the wonderful, rich world of creating engaging immersive 3D web experiences.

Diving Deeper

Go deeper with your learning of Babylon.js feature by feature.