JSFiddle - React, Tailwind, and code Playground

by bizamajig

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://www.never-mage.de/webgl/js/Detector.js"></script>
<script src="http://www.never-mage.de/webgl/js/libs/stats.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r73/three.js"></script>
<script src="http://www.never-mage.de/webgl/js/controls/OrbitControls.js"></script>
<script src="http://www.never-mage.de/webgl/js/ObjectControls.js"></script>
<body>
    <div id="container"></div>
</body>

CSS

body {
    margin: 0;
}
canvas {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

JavaScript

$(function () {
    if (!Detector.webgl) Detector.addGetWebGLMessage();

    var imageData = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAxNJREFUeNrEVzFok0EUTn6ELplVWkSRDi0FEQtFSskSaSaHFtsspYOgUemkFYdQCJQOBWOXEo0Fh9KlVuzi0mKWNBQJREQIzVCKICnVOUun3+/od+V53J9LmkAefDn+P/fe9+7du/+9C/u+H+qmXFI/lz/8aGZuLxAFRoBbQD9whf/9AQ6Bn0AJKADHLoN/H94+c8AhQ8AUMEFim1wnYnxWjmwDW0DFGYEACQNJ4BFwB1B79RUoAmWgCtQ4tw8YAIaBMTqinL0PrAE56jftwFVgHnjB54/AJkL2OWD+IfGFWzqJIQFMA2+5Xa+BE1PRCyBPk/wIeA7MNiC37a2aO0vdI9pK03bDCIS5chV6lZlLMPbpItkNvVMMK4jGb4wp2qwDL+V2mBFIipVfmNxwRNlYEpFIBkVgiAmnZFWTW47oOBAHRoFBvjsA9oEdYNc8asoW7FzD4xty7OnTIR2YYrarhMtaFnMDmOMKIsZ/d4nHzPhV4JcxJ8s50+SqyC3o5Tn3me2nFvJFhjDSIOIRzlmkjpkTm+SYIOe5A1Ge23xAtquVz7Sw9TPUsZ2OPLmi0oERjkWLsXEzcZqUJHVNKUpO7YD+xJYtCnFH2BttR9zyviw5tQP9HKsWhdE2TqFNtyo5tQO6qtUsCoNtOGDTrUlOL9Rl8UQ911XNlIM27Nt0+ySnJ6pZiCXVlP02HLDpDkhOTzQQIdZzU3ZYRFqVOnVNGZac2oESxzGLwi4/r61KzqwLBkdJOlCgRzE2E6aob/tGC+Qb1PlPaDtGroJ04Jg9nOoHEpjYY+iqwrIAZBzbUeecBbMY0WaCHNu6aZXVcIs9nKpW31QzYXFinmFtuhwLeUbb38l11gGpe4Go+U/Yw6nm4VUnGhKu/gGGZeAm8BR4p3sFz5I4GU5MUbET5CnazJgJbfaEPrvXCKvZMjuZrKVHcBH3MOxzJM/Rtu/qik/YwepIqDZqPeB0BJGruevU1StP29pyMwdcF5N8CxeTMBMu8GLiupr5TJY9cTW7R7ikI1czLRXifacvp+db0E35J8AAk2v75cTNgRMAAAAASUVORK5CYII=';
	var rectangle =...