block by aaizemberg f5f44eeeec3e67f66a2c249dee337224

Basic Three.js App

Full Screen

index.html

<!DOCTYPE html>
<html>
  <head>
    <title>Basic Three.js App</title>
    <style>
      html, body { margin: 0; padding: 0; overflow: hidden; }
    </style>
  </head>
  <body>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/104/three.min.js"></script>
    <script>

		var scene = new THREE.Scene();
		var aspect = window.innerWidth / window.innerHeight;
		var camera = new THREE.PerspectiveCamera( 75, aspect, 0.1, 1000 );
		var renderer = new THREE.WebGLRenderer();
		renderer.setSize( window.innerWidth, window.innerHeight );
		document.body.appendChild( renderer.domElement );

		var geometry = new THREE.BoxGeometry( 2, 2, 2 );
		var material = new THREE.MeshNormalMaterial();
		var cube = new THREE.Mesh( geometry, material );
		scene.add( cube );
		camera.position.z = 5;

		var render = function () {
		  requestAnimationFrame( render );
		  cube.rotation.x += 0.01;
		  cube.rotation.y += 0.01;
		  renderer.render( scene, camera );
		};

		render();
    </script>
  </body>
</html>