JSFiddle - React, Tailwind, and code Playground

by vijaysagi

HTML

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title>Babylon Template</title>
        <style>
            html, body {
                overflow: hidden;
                width: 100%;
                height: 100%;
                margin: 0;
                padding: 0;
            }

            #renderCanvas {
                width: 100%;
                height: 100%;
                touch-action: none;
            }

        </style>
        <script src="https://cdn.babylonjs.com/babylon.js"></script>
        <script src="https://cdn.babylonjs.com/loaders/babylonjs.loaders.min.js"></script>
        <script src="https://code.jquery.com/pep/0.4.3/pep.js"></script>
    </head>
   <body>
    <canvas id="renderCanvas" touch-action="none"></canvas> <!-- touch-action="none" for best results from PEP -->
    <script>
        const canvas = document.getElementById("renderCanvas"); // Get the canvas element
        const engine = new BABYLON.Engine(canvas, true); // Generate the BABYLON 3D engine
        // Add your code here matching the playground format
        const createScene = function () {
            const scene = new BABYLON.Scene(engine);  
            BABYLON.SceneLoader.ImportMesh("", "https://d1a370nemizbjq.cloudfront.net/", "a0d49a24-9275-4d0e-aa5c-27f6df4f09a1.glb", scene, function (newMeshes, particleSystems, skeletons, animationGroups) {

            var hero = newMeshes[0];
                    //Scale the model down        
                    hero.scaling.scaleInPlace(0.1);
                    //Lock camera on the character
                    camera1.target = hero;
                    //Get the Samba animation Group
                    const sambaAnim = scene.getAnimationGroupByName("Samba");
                    //Play the Samba animation  
                    sambaAnim.start(true, 1.0, sambaAnim.from, sambaAnim.to, false);
});

           ...