JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://mrdoob.github.com/three.js/examples/js/loaders/ColladaLoader.js"></script>
JavaScript
var container = document.createElement( 'div' ),
width = 1216,
height = 758,
camera,
scene,
renderer,
SHADOW_MAP_WIDTH = 2048,
SHADOW_MAP_HEIGHT = 1024;
container = document.body.appendChild( container );
camera = new THREE.PerspectiveCamera( 50, 1, 1, 5000 );
camera.position.set(903.0521662395114,522.5783981322501,464.43326869719283);
camera.rotation.set(-0.8442404517272115,0.9119934610109965,0.5200932171109844);
camera.aspect = width / height;
camera.updateProjectionMatrix();
scene = new THREE.Scene();
scene.add( camera );
renderer = new THREE.WebGLRenderer( { clearAlpha: 1, clearColor: 0x808080 } );
renderer.setSize( width, height );
renderer.shadowCameraNear = 3;
renderer.shadowCameraFar = camera.far;
renderer.shadowCameraFov = 50;
renderer.shadowMapBias = 0.0039;
renderer.shadowMapDarkness = 0.5;
renderer.shadowMapWidth = SHADOW_MAP_WIDTH;
renderer.shadowMapHeight = SHADOW_MAP_HEIGHT;
renderer.shadowMapEnabled = true;
renderer.shadowMapSoft = true;
container.appendChild( renderer.domElement );
var mesh = new THREE.PointLight();
mesh.intensity = 0.5;
mesh.castShadow = false;
mesh.color = new THREE.Color().setRGB(1,1,1);
mesh.position.set(100,277.1820448877804,458.8528678304241);
mesh.rotation.set(0,0,0);
mesh.scale.set(1,1,1);
scene.add( mesh );
var mesh = new THREE.SpotLight();
mesh.intensity = 0.5;
mesh.castShadow = false;
mesh.color = new THREE.Color().setRGB(1,1,1);
mesh.position.set(100,549.0024937655861,-533.6658354114704);
mesh.rotation.set(0,0,0);
mesh.scale.set(1,1,1);
scene.add( mesh );
var mesh = new THREE.PointLight();
mesh.intensity = 0.5;
mesh.castShadow = false;
mesh.color = new THREE.Color().setRGB(1,1,1);
mesh.position.set(-531.5789473684213,536.5336658354115,0);
mesh.rotation.set(0,0,0);
mesh.scale.set(1,1,1);
scene.add( mesh );
var mesh = new THREE.SpotLight();
mesh.intensity = 0.5;
mesh.castShadow = false;
mesh.color = new...