JSFiddle - React, Tailwind, and code Playground

by Schoening

JavaScript

var scene = new THREE.Scene(); 
 var camera = new THREE.PerspectiveCamera(50, window.innerWidth/window.innerHeight, 0.1, 1000);  
 var renderer = new THREE.WebGLRenderer(); 
 renderer.setSize(window.innerWidth, window.innerHeight); 
 document.body.appendChild(renderer.domElement);
 
 
 var geometry = new THREE.CubeGeometry(1,1,1); 
 var material = new THREE.MeshBasicMaterial({color: 0x00ff00}); 
 var cube = new THREE.Mesh(geometry, material);
 scene.add(cube);  
 camera.position.z = 5;
 
 function render() { 
 cube.rotation.x += 0.1; cube.rotation.y += 0.1;
 requestAnimationFrame(render); 
 renderer.render(scene, camera); 
 } 
 
 window.setInterval(function(){
  render();
}, 5000);