title: BabylonJs scene background image
body: <p>I have quite new to <code>BabylonJs</code> and im currently Learning by doing. </p>
  
  <p>I am trying to insert an image as the background for my scene:</p>
  
  <p><a href="https://i.stack.imgur.com/ZSef6.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZSef6.jpg" alt="enter image description here"></a></p>
  
  <p>However ive looked all over the internet and no where is it described how i insert an image as a background?</p>
  
  <p>if needed here is my code:</p>
  
  <pre><code>    // Global variables
  var canvas, engine, scene, camera,assetsManger;
  
  var CHATROOMS = [];
  
  var CHATCLIENTS = [];
  /*
   * Load the scene when the canvas is fully loaded
   */
  document.addEventListener("DOMContentLoaded", function () {
      if (BABYLON.Engine.isSupported()) {
          initScene();
          initGame();
      }
  }, false);
  
  /**
   * Creates a new BABYLON Engine and initialize the scene
   */
  function initScene() {
      // Get canvas
      canvas = document.getElementById("chatCanvas");
  
      // Create babylon engine
      engine = new BABYLON.Engine(canvas, true);
  
      // Create scene
      scene = new BABYLON.Scene(engine);
  
      assetsManger = new BABYLON.AssetsManager(scene);
      // Create the camera
      camera = new BABYLON.TargetCamera("camera", new BABYLON.Vector3(0,4,-10), scene);
      camera.setTarget(new BABYLON.Vector3(0,0,0));
      camera.attachControl(canvas);
  
      // Create light
      var light = new BABYLON.PointLight("light", new BABYLON.Vector3(0,5,-5), scene);
      engine.runRenderLoop(function () {
          scene.render();
      });
  }
  function initGame() {
  }
  </code></pre>
  
  <p>using the below code<a href="https://i.stack.imgur.com/MGZlN.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MGZlN.jpg" alt="enter image description here"></a>:</p>