Untitled

<!DOCTYPE html>
    <html lang="en">
<head>
    <title>Teste2</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <style>
        body {
            color: #000;
            font-family:Monospace;
            font-size:13px;
            text-align:center;
            font-weight: bold;
            background-color: #fff;
            margin: 0px;
            overflow: hidden;
        }
    </style>
</head>
<body>
    <div id="container"></div>

    <script src="./webgl/three.js"></script>
    <script src="./webgl/OrbitControls.js"></script>
    <script src="./webgl/Detector.js"></script>
    <script src="./webgl/stats.min.js"></script>
    <script src="./webgl/DDSLoader.js"></script>
    <script src="./webgl/MTLLoader.js"></script>
    <script src="./webgl/OBJLoader.js"></script>

    <script>
        if ( ! Detector.webgl ) Detector.addGetWebGLMessage();

        var stats;
        var camera, controls, scene, renderer;

        init();
        render();

        function init() {
            scene = new THREE.Scene();
            var ambient = new THREE.AmbientLight( 0x444444 );
            scene.add( ambient );

            renderer = new THREE.WebGLRenderer({antialias: true });
            renderer.setPixelRatio( window.devicePixelRatio );
            renderer.setSize( window.innerWidth, window.innerHeight );

            var container = document.getElementById( 'container' );
            container.appendChild( renderer.domElement );

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

            controls = new THREE.OrbitControls( camera, renderer.domElement );
            controls.addEventListener( 'change', render );
            controls.enableZoom = false;

            // world
            var onError = function ( xhr ) { };
            THREE.Loader.Handlers.add( /.dds$/i, new THREE.DDSLoader() );
            var mtlLoader = new THREE.MTLLoader();
            mtlLoader.setPath( './webgl/3d/' );
            mtlLoader.load( '14.mtl', function( materials ) {
                materials.preload();
                var objLoader = new THREE.OBJLoader();
                objLoader.setMaterials( materials );
                mtlLoader.setPath( './webgl/3d/' );
                objLoader.load( '14.obj', function ( object ) {
                    object.position.y = -95;
                    scene.add( object );
                }, onProgress, onError );
            });

            // lights
            light = new THREE.DirectionalLight( 0xffffff );
            light.position.set( 1, 1, 1 );
            scene.add( light );
            light = new THREE.DirectionalLight( 0x002288 );
            light.position.set( -1, -1, -1 );
            scene.add( light );
            light = new THREE.AmbientLight( 0x222222 );
            scene.add( light );

            //
            stats = new Stats();
            container.appendChild( stats.dom );

            //
            window.addEventListener( 'resize', onWindowResize, false );
        }
        function onWindowResize() {
            camera.aspect = window.innerWidth / window.innerHeight;
            camera.updateProjectionMatrix();
            renderer.setSize( window.innerWidth, window.innerHeight );
        }
        function animate() {
            requestAnimationFrame( animate );
            stats.update();
            render();
        }
        function render() {
            renderer.render( scene, camera );
        }
    </script>
</body>