// Get the canvas element from our HTML above
  let canvas = document.getElementById("renderCanvas");

  // Load the BABYLON 3D engine
  let engine = new BABYLON.Engine(canvas);

// Create a scene
  let createScene = function () {

    // Now create a basic Babylon Scene object 
    let scene = new BABYLON.Scene(engine);

    // Change the scene background color to black.
    scene.clearColor = new BABYLON.Color3(0,0,0);

    // This creates and positions a free camera
    let camera = new BABYLON.FreeCamera("camera", new BABYLON.Vector3(0, 7, -9), scene);

    // This targets the camera to scene origin
    camera.setTarget(BABYLON.Vector3.Zero());

    // This attaches the camera to the canvas
 camera.attachControl(canvas, false);

    // This creates a light, aiming 0,1,1.5 - to the sky.
    let light = new BABYLON.HemisphericLight("light", new BABYLON.Vector3(0, 1, 1.5), scene);

    // Dim the light a small amount
    light.intensity = 0.6;
		
		let cylinder = BABYLON.Mesh.CreateCylinder("cylinder", 3, 3, 3, 6, 1, scene);

    // Move the cylinder  upward 1/2 its height
    cylinder .position.y = 2;
		

    // Let's create built-in 'ground' shape.  Params: name, width, depth, subdivisions, scene
    BABYLON.Mesh.CreateGround("ground", 8, 13, 8, scene);

 
    return scene;

  }; 

 // create a scene
  var scene = createScene();

 // Register a render loop to repeatedly render the scene
  engine.runRenderLoop(function () {
    scene.render();
  });

  // Watch for window resize events
  window.addEventListener("resize", function () {
    engine.resize();
  });