Untitled

<!DOCTYPE html>

<html lang="en">
<head>

    <script src="https://three.js/examples/js/renderers/CanvasRenderer.js"></script>


    <title>HTML5 Example</title>


    <script type="text/javascript" src="three3.js"></script>


    <script type="text/javascript">

        var camera, scene, renderer, cube, material, mesh;
        function init() {
            scene = new THREE.Scene();

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

            cube = new THREE.CubeGeometry(300, 300, 300);

            material = new THREE.MeshBasicMaterial({color:0x0000FF, wireframe: false});

            mesh = new THREE.Mesh(cube, material);

            scene.add(mesh);

            renderer = new THREE.CanvasRenderer();
            renderer.setSize(window.innerWidth, window.innerHeight);

            document.body.appendChild(renderer.domElement);

            animate();


        }

        function animate() {
            requestAnimationFrame(animate);

            mesh.rotation.x += 0.02;
            mesh.rotation.y += 0.02;

            renderer.render(scene, camera);
        }

    </script>
</head>
<body onload="init()">

</body>
</html>