JSFiddle - React, Tailwind, and code Playground

by bizamajig

HTML

<p>Click the screen to add an object.</p>

JavaScript

var camera, scene, renderer;
			var geometry, material, mesh;

			window.addEventListener("click", onClick, false);

			function onClick() {
			    alert("Replace me with code to add an object!");
			}

			var init = function () {

			    renderer = new THREE.CanvasRenderer();
			    renderer.setSize(window.innerWidth, window.innerHeight);
			    document.body.appendChild(renderer.domElement);

			    camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 1, 1000);
			    camera.position.z = 500;

			    scene = new THREE.Scene();

			    geometry = new THREE.CubeGeometry(200, 200, 200);
			    material = new THREE.MeshBasicMaterial({
			        color: 0x000000,
			        wireframe: true,
			        wireframeLinewidth: 2
			    });

			    mesh = new THREE.Mesh(geometry, material);
			    scene.add(mesh);

			}

			var animate = function () {

			    requestAnimationFrame(animate);

			    mesh.rotation.x = Date.now() * 0.0005;
			    mesh.rotation.y = Date.now() * 0.001;

			    renderer.render(scene, camera);

			}

			init();
			animate();