|
39 | 39 | <script src='js/controls/OrbitControls.js'></script> |
40 | 40 | <script src='js/Detector.js'></script> |
41 | 41 | <script src='js/libs/msgpack-js.js'></script> |
42 | | - <script src='js/libs/stats.min.js'></script> |
43 | 42 | </head> |
44 | 43 | <body> |
45 | 44 | <div id='info'> |
|
98 | 97 |
|
99 | 98 | new THREE.FileLoader() |
100 | 99 | .setResponseType( 'arraybuffer' ) |
101 | | - .load( 'scenes/robo_pigeon.pack', function ( data ) { |
| 100 | + .load( 'models/msgpack/robo_pigeon.pack', function ( data ) { |
102 | 101 |
|
103 | 102 | var decoded = msgpack.decode( data ); |
104 | 103 |
|
|
112 | 111 |
|
113 | 112 | function onWindowResize() { |
114 | 113 |
|
115 | | - camera.aspect = container.offsetWidth / container.offsetHeight; |
| 114 | + camera.aspect = window.innerWidth / window.innerHeight; |
116 | 115 | camera.updateProjectionMatrix(); |
117 | 116 |
|
118 | 117 | renderer.setSize( window.innerWidth, window.innerHeight ); |
|
124 | 123 |
|
125 | 124 | container = document.getElementById( 'viewport' ); |
126 | 125 |
|
127 | | - renderer = new THREE.WebGLRenderer( { antialias: true, alpha: true } ); |
| 126 | + renderer = new THREE.WebGLRenderer( { antialias: true, alpha: true } ); |
128 | 127 | renderer.setClearColor( 0x000000, 0 ); |
129 | 128 | renderer.setPixelRatio( window.devicePixelRatio ); |
130 | 129 | renderer.setSize( window.innerWidth, window.innerHeight ); |
131 | 130 | container.appendChild( renderer.domElement ); |
132 | 131 |
|
133 | | - var aspect = container.offsetWidth / container.offsetHeight; |
134 | | - |
135 | | - camera = new THREE.PerspectiveCamera( 60, aspect, 0.01, 50 ); |
| 132 | + camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 0.01, 50 ); |
136 | 133 | camera.position.set( 5, 5, 5 ); |
137 | 134 | camera.updateProjectionMatrix(); |
138 | 135 |
|
|
0 commit comments