​x
 
1
<!DOCTYPE html>
2
<html>
3
    <head>
4
        <meta charset="utf-8">
5
        <style>
6
            body {
7
                background-color: #ffffff;
8
                margin: 0;
9
                overflow: hidden;
10
            }
11
        </style>
12
    </head>
13
    <body>
14
        <script src="http://cdnjs.cloudflare.com/ajax/libs/three.js/r57/three.min.js"></script>
15
        <script>
16
​
17
            var camera, scene, renderer;
18
            var geometry, material, mesh;
19
​
20
            function init() {
21
​
22
                renderer = new THREE.CanvasRenderer();
23
                renderer.setSize( window.innerWidth, window.innerHeight );
24
                document.body.appendChild( renderer.domElement );
25
​
26
                camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 10 );
27
                camera.position.z = 3;
28
​
29
                scene = new THREE.Scene();
30
​
31
                geometry = new THREE.CubeGeometry( 1, 1, 1 );
32
                material = new THREE.MeshBasicMaterial( { color: 0x000000, wireframe: true, wireframeLinewidth: 2 } );
33
​
34
                mesh = new THREE.Mesh( geometry, material );
35
                scene.add( mesh );
36
​
37
            }
38
​
39
            function animate() {
40
​
41
                requestAnimationFrame( animate );
42
​
43
                mesh.rotation.x = Date.now() * 0.0005;
44
                mesh.rotation.y = Date.now() * 0.001;
45
​
46
                renderer.render( scene, camera );
47
​
48
            }
49
​
50
            init();
51
            animate();
52
​
53
        </script>
54
    </body>
55
</html>

download