JSFiddle - React, Tailwind, and code Playground

by sowelie

HTML

<canvas id="my-canvas" width="400" height="300">
    Your browser does not support the HTML5 canvas element.
</canvas>

CSS

body{ background-color: grey; }
canvas{ background-color: white; }

JavaScript

var gl = null;
(function()
{
    var canvas = document.getElementById("my-canvas");
    try{
        gl = canvas.getContext("experimental-webgl");
    }catch(e){
        console.log(e);
    }
    if(gl)
    {
        //set the clear color to red
        gl.clearColor(1.0, 0.0, 0.0, 1.0); gl.clear(gl.COLOR_BUFFER_BIT);
    }else{
        alert( "Error: Your browser does not appear to support WebGL.");
    }
})();