JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://www.babylonjs.com/babylon.js"></script>
<canvas id="renderCanvas"></canvas>
CSS
html, body, canvas {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
overflow: hidden;
touch-action: none;
}
JavaScript
var canvas = document.getElementById("renderCanvas");
var engine = new BABYLON.Engine(canvas);
var scene = new BABYLON.Scene(engine);
var camera = new BABYLON.ArcRotateCamera("Camera", 0, 0, 10, BABYLON.Vector3.Zero(), scene);
var light = new BABYLON.DirectionalLight("Dir0", new BABYLON.Vector3(1, -1, 0), scene);
var material = new BABYLON.StandardMaterial("kosh", scene);
var sphere = BABYLON.Mesh.CreateSphere("Sphere", 16, 3, scene);
material.diffuseColor = new BABYLON.Color3(1, 1, 1);
sphere.material = material;
sphere.convertToFlatShadedMesh();
camera.attachControl(canvas);
engine.runRenderLoop(function(){
scene.render();
});