├── package.json
├── terrain.png
├── space_frigate_6_color.png
├── space_frigate_6_specular.png
├── space_frigate_6_illumination.png
├── server.js
├── space_frigate_6.js
└── index.html


/package.json:
--------------------------------------------------------------------------------
1 | {
2 |   "dependencies": {
3 |     "ws": "1.1.1"
4 |   }
5 | }
6 | 


--------------------------------------------------------------------------------
/terrain.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/evanw/webgl-vr-flight/HEAD/terrain.png


--------------------------------------------------------------------------------
/space_frigate_6_color.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/evanw/webgl-vr-flight/HEAD/space_frigate_6_color.png


--------------------------------------------------------------------------------
/space_frigate_6_specular.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/evanw/webgl-vr-flight/HEAD/space_frigate_6_specular.png


--------------------------------------------------------------------------------
/space_frigate_6_illumination.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/evanw/webgl-vr-flight/HEAD/space_frigate_6_illumination.png


--------------------------------------------------------------------------------
/server.js:
--------------------------------------------------------------------------------
 1 | var http = require('http');
 2 | var fs = require('fs');
 3 | var ws = require('ws');
 4 | 
 5 | function send(res, mimeType, path) {
 6 |   res.writeHead(200, {'Content-Type': mimeType});
 7 |   res.end(fs.readFileSync(path));
 8 | }
 9 | 
10 | var server = http.createServer(function(req, res) {
11 |   if (req.method === 'GET') {
12 |     switch (req.url) {
13 |       case '/': case '/index.html': send(res, 'text/html', __dirname + '/index.html'); return;
14 |       case '/three.min.js': send(res, 'application/javascript', __dirname + '/three.min.js'); return;
15 |       case '/space_frigate_6.js': send(res, 'application/javascript', __dirname + '/space_frigate_6.js'); return;
16 |       case '/space_frigate_6_color.png': send(res, 'image/png', __dirname + '/space_frigate_6_color.png'); return;
17 |       case '/space_frigate_6_illumination.png': send(res, 'image/png', __dirname + '/space_frigate_6_illumination.png'); return;
18 |       case '/space_frigate_6_specular.png': send(res, 'image/png', __dirname + '/space_frigate_6_specular.png'); return;
19 |       case '/terrain.png': send(res, 'image/png', __dirname + '/terrain.png'); return;
20 |     }
21 |   }
22 | 
23 |   res.writeHead(404, {'Content-Type': 'text/plain'});
24 |   res.end('404 Not Found');
25 | });
26 | 
27 | var wss = new ws.Server({server: server});
28 | 
29 | wss.on('connection', function(socket) {
30 |   socket.on('message', function(message) {
31 |     wss.clients.forEach(function(client) {
32 |       client.send(message);
33 |     });
34 |   });
35 | });
36 | 
37 | server.listen(8123);
38 | console.log('serving on http://localhost:8123/');
39 | 


--------------------------------------------------------------------------------
/space_frigate_6.js:
--------------------------------------------------------------------------------
  1 | var space_frigate_6 = {
  2 |   vertices: [
  3 |     [-17.571005, -4.892487, 0.831013],
  4 |     [17.571005, -2.617332, 1.851614],
  5 |     [-17.571005, -2.110989, 0.981481],
  6 |     [17.571005, -2.617332, -0.0],
  7 |     [17.571005, 0.062049, -0.0],
  8 |     [10.232471, -4.472612, 3.286669],
  9 |     [0.364752, -4.990543, 3.386036],
 10 |     [-7.985092, -1.109985, 2.785544],
 11 |     [0.926631, 0.141066, 3.505953],
 12 |     [10.232470, 0.141066, 3.406586],
 13 |     [-7.985091, -5.081180, -0.0],
 14 |     [10.232470, -4.472612, -0.0],
 15 |     [17.571005, 0.062049, 1.765858],
 16 |     [-7.985091, -5.081179, 2.665628],
 17 |     [0.353236, -3.985476, 4.739206],
 18 |     [10.110232, -3.543669, 4.651575],
 19 |     [12.175343, -2.613320, 4.837200],
 20 |     [12.175343, -1.805118, 4.837200],
 21 |     [10.625523, -1.099229, 4.631385],
 22 |     [-1.879594, -1.791923, 5.102283],
 23 |     [-1.879594, -2.348531, 5.102283],
 24 |     [14.114320, -2.415397, 16.552265],
 25 |     [14.162519, -2.054833, 16.549347],
 26 |     [9.739335, -2.054833, 18.540571],
 27 |     [9.660446, -2.443145, 18.537794],
 28 |     [-7.985092, -1.762945, 4.304096],
 29 |     [-17.571005, -3.162490, 1.528886],
 30 |     [17.571005, -1.856724, 2.390707],
 31 |     [-17.571005, -4.892487, -0.0],
 32 |     [8.138239, 2.026956, 1.881475],
 33 |     [-6.758756, 1.082722, -0.0],
 34 |     [-6.758756, 1.082722, 1.260434],
 35 |     [2.958075, 2.349593, 1.953546],
 36 |     [-2.434695, 2.192449, 1.800634],
 37 |     [-17.571005, -2.110989, -0.0],
 38 |     [-15.277786, -1.845028, -0.0],
 39 |     [-15.277783, -1.845028, 1.055050],
 40 |     [-8.012089, -1.213253, 2.337310],
 41 |     [-6.971954, 0.701521, 1.014627],
 42 |     [-6.971954, 0.701521, -0.0],
 43 |     [8.462803, 1.734680, 1.621214],
 44 |     [10.275760, 0.070506, 2.952924],
 45 |     [14.591043, 0.136244, 1.868679],
 46 |     [10.298241, -1.302999, 9.458522],
 47 |     [5.599730, -1.302999, 11.038049],
 48 |     [0.926631, 0.141066, 5.707249],
 49 |     [10.232470, 0.141066, 5.607882],
 50 |     [9.237902, 0.141066, 3.954730],
 51 |     [1.359321, 0.141066, 4.043169],
 52 |     [1.359321, 0.141066, 5.159105],
 53 |     [9.237902, 0.141066, 5.070666],
 54 |     [10.859055, 5.081180, 4.438062],
 55 |     [7.019254, 5.081180, 4.455518],
 56 |     [7.019254, 5.081180, 4.675772],
 57 |     [10.859055, 5.081180, 4.658317],
 58 |     [0.455711, -1.281712, 5.664805],
 59 |     [-1.697489, -1.770339, 7.930579],
 60 |     [-1.720367, -2.354105, 7.929774],
 61 |     [17.571005, -1.854928, 2.069972],
 62 |     [17.571005, -2.312917, 1.633190],
 63 |     [17.571005, -2.312917, -0.0],
 64 |     [17.571005, -0.242366, -0.0],
 65 |     [17.571005, -0.242366, 1.544841],
 66 |     [16.626444, -1.854928, 2.069972],
 67 |     [16.626444, -2.312917, 1.633190],
 68 |     [16.626444, -2.312917, -0.0],
 69 |     [16.626444, -0.242366, -0.0],
 70 |     [16.626444, -0.242366, 1.544841],
 71 |     [-17.571005, -4.614542, -0.0],
 72 |     [-17.571005, -4.614542, 0.643428],
 73 |     [-17.571005, -3.177258, 1.223222],
 74 |     [-17.571005, -2.388933, 0.812825],
 75 |     [-17.571005, -2.388933, -0.0],
 76 |     [-16.629375, -4.614542, -0.0],
 77 |     [-16.629375, -4.614542, 0.643428],
 78 |     [-16.629375, -3.177258, 1.223222],
 79 |     [-16.629375, -2.388933, 0.812825],
 80 |     [-16.629375, -2.388933, -0.0],
 81 |     [5.576120, -0.593130, 10.446762],
 82 |     [10.142864, -0.593130, 9.032747],
 83 |     [-1.915869, -1.120063, 3.276170],
 84 |     [0.364752, -4.990543, -0.0],
 85 |     [0.364752, -4.990543, -3.386036],
 86 |     [-7.985091, -5.081179, -2.665628],
 87 |     [-6.758756, 1.082722, -1.260434],
 88 |     [-2.434695, 2.192449, -1.800634],
 89 |     [-2.434695, 2.192449, -0.0],
 90 |     [16.626444, -0.242366, -1.544841],
 91 |     [16.626444, -2.312917, -1.633190],
 92 |     [-16.629375, -4.614542, -0.643428],
 93 |     [-16.629375, -2.388933, -0.812825],
 94 |     [17.571005, -2.617332, -1.851614],
 95 |     [10.232471, -4.472612, -3.286669],
 96 |     [-17.571005, -4.892487, -0.831013],
 97 |     [2.958075, 2.349593, -1.953546],
 98 |     [8.138239, 2.026956, -1.881475],
 99 |     [8.138239, 2.026956, -0.0],
100 |     [2.958075, 2.349593, -0.0],
101 |     [9.660446, -2.443145, -18.537794],
102 |     [14.114320, -2.415397, -16.552265],
103 |     [14.162519, -2.054833, -16.549347],
104 |     [9.739335, -2.054833, -18.540571],
105 |     [-17.571005, -3.162490, -1.528886],
106 |     [-7.985092, -1.762945, -4.304096],
107 |     [10.110232, -3.543669, -4.651575],
108 |     [0.353236, -3.985476, -4.739206],
109 |     [12.175343, -2.613320, -4.837200],
110 |     [17.571005, -1.856724, -2.390707],
111 |     [17.571005, 0.062049, -1.765858],
112 |     [12.175343, -1.805118, -4.837200],
113 |     [10.232470, 0.141066, -3.406586],
114 |     [10.625523, -1.099229, -4.631385],
115 |     [0.926631, 0.141066, -3.505953],
116 |     [-1.915869, -1.120063, -3.276170],
117 |     [-1.879594, -1.791923, -5.102283],
118 |     [0.926631, 0.141066, -5.707249],
119 |     [-1.879594, -2.348531, -5.102283],
120 |     [10.298241, -1.302999, -9.458522],
121 |     [-1.697489, -1.770339, -7.930579],
122 |     [0.455711, -1.281712, -5.664805],
123 |     [-1.720367, -2.354105, -7.929774],
124 |     [-7.985092, -1.109985, -2.785544],
125 |     [-17.571005, -2.110989, -0.981481],
126 |     [-15.277783, -1.845028, -1.055050],
127 |     [-8.012089, -1.213253, -2.337310],
128 |     [-6.971954, 0.701521, -1.014627],
129 |     [10.275760, 0.070506, -2.952924],
130 |     [8.462803, 1.734680, -1.621214],
131 |     [14.591043, 0.136244, -1.868679],
132 |     [14.591042, 0.136244, -0.0],
133 |     [8.462803, 1.734680, -0.0],
134 |     [5.599730, -1.302999, -11.038049],
135 |     [10.859055, 5.081180, -4.438062],
136 |     [7.019254, 5.081180, -4.455518],
137 |     [7.019254, 5.081180, -4.675772],
138 |     [10.859055, 5.081180, -4.658317],
139 |     [10.232470, 0.141066, -5.607882],
140 |     [5.576120, -0.593130, -10.446762],
141 |     [10.142864, -0.593130, -9.032747],
142 |     [1.359321, 0.141066, -4.043169],
143 |     [9.237902, 0.141066, -3.954730],
144 |     [1.359321, 0.141066, -5.159105],
145 |     [9.237902, 0.141066, -5.070666],
146 |     [17.571005, -2.312917, -1.633190],
147 |     [17.571005, -1.854928, -2.069972],
148 |     [17.571005, -0.242366, -1.544841],
149 |     [16.626444, -1.854928, -2.069972],
150 |     [-17.571005, -4.614542, -0.643428],
151 |     [-17.571005, -3.177258, -1.223222],
152 |     [-17.571005, -2.388933, -0.812825],
153 |     [-16.629375, -3.177258, -1.223222],
154 |   ],
155 | 
156 |   coords: [
157 |     [0.013478, 0.351526],
158 |     [0.952138, 0.378611],
159 |     [0.863881, 0.037492],
160 |     [0.016437, 0.417444],
161 |     [0.962828, 0.413255],
162 |     [0.790077, 0.041484],
163 |     [0.952139, 0.329481],
164 |     [0.751291, 0.416687],
165 |     [0.296397, 0.099113],
166 |     [0.817978, 0.056009],
167 |     [0.496987, 0.438969],
168 |     [0.008942, 0.168055],
169 |     [0.256175, 0.169826],
170 |     [0.797043, 0.498743],
171 |     [0.489328, 0.419322],
172 |     [0.267761, 0.329476],
173 |     [0.751292, 0.329478],
174 |     [0.827450, 0.587838],
175 |     [0.996402, 0.481690],
176 |     [0.275029, 0.432080],
177 |     [0.499379, 0.481985],
178 |     [0.489329, 0.329477],
179 |     [0.863882, 0.015441],
180 |     [0.817003, 0.487202],
181 |     [0.362484, 0.625838],
182 |     [0.393014, 0.659597],
183 |     [0.569177, 0.943286],
184 |     [0.439585, 0.524054],
185 |     [0.758987, 0.428684],
186 |     [0.077396, 0.760472],
187 |     [0.100512, 0.887105],
188 |     [0.267761, 0.400206],
189 |     [0.438799, 0.537640],
190 |     [0.439901, 0.524232],
191 |     [0.540164, 0.538278],
192 |     [0.843182, 0.667014],
193 |     [0.297138, 0.544003],
194 |     [0.095647, 0.023043],
195 |     [0.502528, 0.186402],
196 |     [0.293008, 0.052381],
197 |     [0.041333, 0.091009],
198 |     [0.443267, 0.247229],
199 |     [0.019344, 0.666585],
200 |     [0.135562, 0.728091],
201 |     [0.794338, 0.644405],
202 |     [0.043676, 0.294940],
203 |     [0.043861, 0.261500],
204 |     [0.790077, 0.015441],
205 |     [0.054573, 0.497754],
206 |     [0.378493, 0.602297],
207 |     [0.895750, 0.856335],
208 |     [0.842103, 0.897527],
209 |     [0.913239, 0.864961],
210 |     [0.305564, 0.244556],
211 |     [0.162391, 0.247822],
212 |     [0.162127, 0.295599],
213 |     [0.305277, 0.296390],
214 |     [0.209413, 0.085373],
215 |     [0.291451, 0.738304],
216 |     [0.286467, 0.601354],
217 |     [0.019556, 0.502785],
218 |     [0.703379, 0.014517],
219 |     [0.540394, 0.581304],
220 |     [0.679892, 0.876934],
221 |     [0.674478, 0.020956],
222 |     [0.720863, 0.151962],
223 |     [0.901844, 0.605051],
224 |     [0.715159, 0.153233],
225 |     [0.308793, 0.634040],
226 |     [0.327434, 0.864811],
227 |     [0.013478, 0.329475],
228 |     [0.814415, 0.172660],
229 |     [0.831208, 0.172660],
230 |     [0.874458, 0.172661],
231 |     [0.728510, 0.172660],
232 |     [0.769416, 0.172660],
233 |     [0.020646, 0.063096],
234 |     [0.819348, 0.258949],
235 |     [0.831208, 0.211110],
236 |     [0.020370, 0.113018],
237 |     [0.814415, 0.211110],
238 |     [0.871713, 0.064028],
239 |     [0.871713, 0.081025],
240 |     [0.840280, 0.114336],
241 |     [0.871712, 0.122147],
242 |     [0.856507, 0.015517],
243 |     [0.844315, 0.064028],
244 |     [0.844315, 0.081024],
245 |     [0.871712, 0.145730],
246 |     [0.840280, 0.163466],
247 |     [0.769185, 0.163466],
248 |     [0.142927, 0.704910],
249 |     [0.348617, 0.830529],
250 |     [0.030096, 0.647024],
251 |     [0.002002, 0.546829],
252 |     [0.044767, 0.236446],
253 |     [0.876061, 0.601385],
254 |     [0.831500, 0.270538],
255 |     [0.819348, 0.215699],
256 |     [0.874288, 0.215699],
257 |     [0.874288, 0.256605],
258 |     [0.769185, 0.116612],
259 |     [0.820098, 0.100032],
260 |     [0.806178, 0.096408],
261 |     [0.785260, 0.085519],
262 |     [0.785260, 0.064027],
263 |     [0.669752, 0.290005],
264 |     [0.460726, 0.286092],
265 |     [0.715080, 0.159076],
266 |     [0.613211, 0.157236],
267 |     [0.465452, 0.017062],
268 |     [0.521928, 0.898417],
269 |     [0.613290, 0.151392],
270 |     [0.503753, 0.980371],
271 |     [0.867499, 0.662039],
272 |     [0.815249, 0.667013],
273 |     [0.839311, 0.931610],
274 |     [0.100291, 0.887127],
275 |     [0.044252, 0.555484],
276 |     [0.077976, 0.516735],
277 |     [0.283318, 0.556003],
278 |     [0.278083, 0.585147],
279 |     [0.072741, 0.545879],
280 |     [0.354474, 0.701269],
281 |     [0.413741, 0.165480],
282 |     [0.414142, 0.135873],
283 |     [0.379118, 0.551177],
284 |     [0.634246, 0.311758],
285 |     [0.648206, 0.928238],
286 |     [0.635061, 0.321374],
287 |     [0.871712, 0.167221],
288 |     [0.844314, 0.145729],
289 |     [0.844314, 0.167221],
290 |     [0.820050, 0.108542],
291 |     [0.832202, 0.120132],
292 |     [0.832202, 0.163382],
293 |     [0.777263, 0.163381],
294 |     [0.777263, 0.122476],
295 |     [0.874458, 0.211110],
296 |     [0.728510, 0.211110],
297 |     [0.769416, 0.211110],
298 |     [0.856507, 0.032514],
299 |     [0.818369, 0.047898],
300 |     [0.797452, 0.037009],
301 |     [0.797452, 0.015517],
302 |     [0.844315, 0.122147],
303 |     [0.506453, 0.316228],
304 |     [0.810277, 0.572049],
305 |     [0.738504, 0.549797],
306 |     [0.947278, 0.275558],
307 |     [0.949387, 0.296880],
308 |     [0.275975, 0.530240],
309 |     [0.635057, 0.321336],
310 |     [0.017250, 0.319366],
311 |     [0.017041, 0.304601],
312 |     [0.092451, 0.318874],
313 |     [0.092174, 0.303383],
314 |     [0.504990, 0.305829],
315 |     [0.016213, 0.466882],
316 |     [0.499469, 0.483618],
317 |     [0.758401, 0.472604],
318 |     [0.816896, 0.487257],
319 |     [0.826049, 0.505599],
320 |     [0.967351, 0.436712],
321 |     [0.805205, 0.546012],
322 |     [0.098818, 0.044020],
323 |     [0.872751, 0.931610],
324 |     [0.901333, 0.862207],
325 |     [0.866236, 0.920023],
326 |     [0.839383, 0.920023],
327 |     [0.967238, 0.436767],
328 |     [0.802183, 0.527396],
329 |     [0.443222, 0.247228],
330 |     [0.163031, 0.248020],
331 |     [0.169232, 0.151018],
332 |     [0.815242, 0.897526],
333 |     [0.442992, 0.297151],
334 |     [0.163131, 0.247933],
335 |     [0.163071, 0.247398],
336 |     [0.895154, 0.665972],
337 |     [0.901609, 0.862270],
338 |     [0.032197, 0.070066],
339 |     [0.097687, 0.035092],
340 |     [0.097666, 0.034965],
341 |     [0.213946, 0.055379],
342 |     [0.031959, 0.113082],
343 |     [0.041095, 0.134025],
344 |     [0.217532, 0.104833],
345 |     [0.209139, 0.134955],
346 |     [0.267761, 0.329476],
347 |     [0.489329, 0.329477],
348 |     [0.489328, 0.419322],
349 |     [0.267761, 0.400206],
350 |     [0.043861, 0.261500],
351 |     [0.162391, 0.247822],
352 |     [0.162127, 0.295599],
353 |     [0.043676, 0.294940],
354 |     [0.819348, 0.215699],
355 |     [0.874288, 0.215699],
356 |     [0.874288, 0.256605],
357 |     [0.819348, 0.258949],
358 |     [0.844315, 0.081024],
359 |     [0.785260, 0.085519],
360 |     [0.785260, 0.064027],
361 |     [0.844315, 0.064028],
362 |     [0.751292, 0.329478],
363 |     [0.952139, 0.329481],
364 |     [0.952138, 0.378611],
365 |     [0.751291, 0.416687],
366 |     [0.013478, 0.351526],
367 |     [0.013478, 0.329475],
368 |     [0.305564, 0.244556],
369 |     [0.443267, 0.247229],
370 |     [0.442992, 0.297151],
371 |     [0.305277, 0.296390],
372 |     [0.504990, 0.305829],
373 |     [0.634246, 0.311758],
374 |     [0.635061, 0.321374],
375 |     [0.506453, 0.316228],
376 |     [0.016213, 0.466882],
377 |     [0.016437, 0.417444],
378 |     [0.275029, 0.432080],
379 |     [0.275975, 0.530240],
380 |     [0.496987, 0.438969],
381 |     [0.758987, 0.428684],
382 |     [0.758401, 0.472604],
383 |     [0.499469, 0.483618],
384 |     [0.962828, 0.413255],
385 |     [0.816896, 0.487257],
386 |     [0.967351, 0.436712],
387 |     [0.996402, 0.481690],
388 |     [0.826049, 0.505599],
389 |     [0.827450, 0.587838],
390 |     [0.805205, 0.546012],
391 |     [0.297138, 0.544003],
392 |     [0.379118, 0.551177],
393 |     [0.378493, 0.602297],
394 |     [0.286467, 0.601354],
395 |     [0.439901, 0.524232],
396 |     [0.438799, 0.537640],
397 |     [0.499379, 0.481985],
398 |     [0.439585, 0.524054],
399 |     [0.794338, 0.644405],
400 |     [0.679892, 0.876934],
401 |     [0.348617, 0.830529],
402 |     [0.354474, 0.701269],
403 |     [0.648206, 0.928238],
404 |     [0.947278, 0.275558],
405 |     [0.949387, 0.296880],
406 |     [0.635057, 0.321336],
407 |     [0.362484, 0.625838],
408 |     [0.291451, 0.738304],
409 |     [0.077396, 0.760472],
410 |     [0.569177, 0.943286],
411 |     [0.503753, 0.980371],
412 |     [0.521928, 0.898417],
413 |     [0.017250, 0.319366],
414 |     [0.017041, 0.304601],
415 |     [0.092174, 0.303383],
416 |     [0.092451, 0.318874],
417 |     [0.810277, 0.572049],
418 |     [0.738504, 0.549797],
419 |     [0.540394, 0.581304],
420 |     [0.540164, 0.538278],
421 |     [0.797043, 0.498743],
422 |     [0.802183, 0.527396],
423 |     [0.817003, 0.487202],
424 |     [0.967238, 0.436767],
425 |     [0.256175, 0.169826],
426 |     [0.502528, 0.186402],
427 |     [0.443222, 0.247228],
428 |     [0.008942, 0.168055],
429 |     [0.169232, 0.151018],
430 |     [0.163071, 0.247398],
431 |     [0.044767, 0.236446],
432 |     [0.163131, 0.247933],
433 |     [0.876061, 0.601385],
434 |     [0.901844, 0.605051],
435 |     [0.895154, 0.665972],
436 |     [0.867499, 0.662039],
437 |     [0.913239, 0.864961],
438 |     [0.901609, 0.862270],
439 |     [0.872751, 0.931610],
440 |     [0.866236, 0.920023],
441 |     [0.901333, 0.862207],
442 |     [0.839311, 0.931610],
443 |     [0.839383, 0.920023],
444 |     [0.842103, 0.897527],
445 |     [0.815242, 0.897526],
446 |     [0.815249, 0.667013],
447 |     [0.843182, 0.667014],
448 |     [0.895750, 0.856335],
449 |     [0.020646, 0.063096],
450 |     [0.095647, 0.023043],
451 |     [0.097687, 0.035092],
452 |     [0.032197, 0.070066],
453 |     [0.293008, 0.052381],
454 |     [0.213946, 0.055379],
455 |     [0.097666, 0.034965],
456 |     [0.296397, 0.099113],
457 |     [0.217532, 0.104833],
458 |     [0.209413, 0.085373],
459 |     [0.209139, 0.134955],
460 |     [0.041095, 0.134025],
461 |     [0.041333, 0.091009],
462 |     [0.098818, 0.044020],
463 |     [0.327434, 0.864811],
464 |     [0.100291, 0.887127],
465 |     [0.715080, 0.159076],
466 |     [0.613211, 0.157236],
467 |     [0.613290, 0.151392],
468 |     [0.715159, 0.153233],
469 |     [0.044252, 0.555484],
470 |     [0.142927, 0.704910],
471 |     [0.030096, 0.647024],
472 |     [0.308793, 0.634040],
473 |     [0.135562, 0.728091],
474 |     [0.019556, 0.502785],
475 |     [0.002002, 0.546829],
476 |     [0.019344, 0.666585],
477 |     [0.054573, 0.497754],
478 |     [0.283318, 0.556003],
479 |     [0.077976, 0.516735],
480 |     [0.278083, 0.585147],
481 |     [0.072741, 0.545879],
482 |     [0.669752, 0.290005],
483 |     [0.460726, 0.286092],
484 |     [0.413741, 0.165480],
485 |     [0.414142, 0.135873],
486 |     [0.465452, 0.017062],
487 |     [0.674478, 0.020956],
488 |     [0.703379, 0.014517],
489 |     [0.720863, 0.151962],
490 |     [0.820098, 0.100032],
491 |     [0.840280, 0.114336],
492 |     [0.832202, 0.120132],
493 |     [0.820050, 0.108542],
494 |     [0.840280, 0.163466],
495 |     [0.832202, 0.163382],
496 |     [0.769185, 0.163466],
497 |     [0.769185, 0.116612],
498 |     [0.777263, 0.122476],
499 |     [0.777263, 0.163381],
500 |     [0.814415, 0.172660],
501 |     [0.831208, 0.172660],
502 |     [0.831208, 0.211110],
503 |     [0.814415, 0.211110],
504 |     [0.874458, 0.172661],
505 |     [0.874458, 0.211110],
506 |     [0.728510, 0.172660],
507 |     [0.769416, 0.172660],
508 |     [0.769416, 0.211110],
509 |     [0.728510, 0.211110],
510 |     [0.863882, 0.015441],
511 |     [0.863881, 0.037492],
512 |     [0.856507, 0.032514],
513 |     [0.856507, 0.015517],
514 |     [0.817978, 0.056009],
515 |     [0.818369, 0.047898],
516 |     [0.790077, 0.041484],
517 |     [0.797452, 0.037009],
518 |     [0.790077, 0.015441],
519 |     [0.797452, 0.015517],
520 |     [0.871713, 0.064028],
521 |     [0.871713, 0.081025],
522 |     [0.871712, 0.122147],
523 |     [0.844315, 0.122147],
524 |     [0.871712, 0.145730],
525 |     [0.844314, 0.145729],
526 |     [0.871712, 0.167221],
527 |     [0.844314, 0.167221],
528 |     [0.393014, 0.659597],
529 |     [0.100512, 0.887105],
530 |     [0.163031, 0.248020],
531 |     [0.806178, 0.096408],
532 |     [0.831500, 0.270538],
533 |     [0.020370, 0.113018],
534 |     [0.031959, 0.113082],
535 |   ],
536 | 
537 |   faces: [
538 |     [[82, 22], [7, 15], [14, 32]],
539 |     [[14, 32], [11, 16], [82, 22]],
540 |     [[34, 55], [87, 56], [31, 46]],
541 |     [[31, 46], [32, 47], [34, 55]],
542 |     [[66, 99], [67, 100], [68, 101]],
543 |     [[68, 101], [65, 78], [66, 99]],
544 |     [[75, 88], [77, 105], [78, 106]],
545 |     [[78, 106], [74, 87], [75, 88]],
546 |     [[4, 7], [2, 2], [6, 8]],
547 |     [[6, 8], [12, 17], [4, 7]],
548 |     [[12, 17], [6, 8], [7, 15]],
549 |     [[7, 15], [82, 22], [12, 17]],
550 |     [[1, 1], [29, 71], [11, 16]],
551 |     [[11, 16], [14, 32], [1, 1]],
552 |     [[30, 42], [97, 177], [98, 57]],
553 |     [[98, 57], [33, 54], [30, 42]],
554 |     [[22, 128], [23, 130], [24, 147]],
555 |     [[24, 147], [25, 158], [22, 128]],
556 |     [[1, 4], [14, 20], [26, 152]],
557 |     [[26, 152], [27, 159], [1, 4]],
558 |     [[7, 11], [6, 29], [16, 161]],
559 |     [[16, 161], [15, 160], [7, 11]],
560 |     [[6, 29], [2, 5], [17, 162]],
561 |     [[17, 162], [16, 161], [6, 29]],
562 |     [[28, 164], [13, 19], [18, 163]],
563 |     [[13, 19], [10, 18], [19, 165]],
564 |     [[19, 165], [18, 163], [13, 19]],
565 |     [[9, 37], [81, 127], [20, 50]],
566 |     [[20, 50], [46, 60], [9, 37]],
567 |     [[26, 152], [14, 20], [21, 34]],
568 |     [[21, 34], [20, 33], [26, 152]],
569 |     [[21, 28], [14, 20], [7, 11]],
570 |     [[7, 11], [15, 21], [21, 28]],
571 |     [[15, 45], [16, 64], [22, 93]],
572 |     [[22, 93], [25, 124], [15, 45]],
573 |     [[16, 64], [17, 129], [22, 93]],
574 |     [[17, 150], [18, 151], [23, 153]],
575 |     [[23, 153], [22, 128], [17, 150]],
576 |     [[18, 25], [44, 59], [23, 30]],
577 |     [[20, 27], [57, 114], [56, 112]],
578 |     [[21, 155], [58, 157], [57, 156]],
579 |     [[57, 156], [20, 154], [21, 155]],
580 |     [[21, 148], [15, 45], [58, 149]],
581 |     [[26, 63], [8, 35], [3, 14]],
582 |     [[3, 14], [27, 172], [26, 63]],
583 |     [[17, 24], [2, 5], [28, 171]],
584 |     [[28, 171], [18, 163], [17, 24]],
585 |     [[9, 13], [10, 39], [30, 173]],
586 |     [[30, 173], [33, 54], [9, 13]],
587 |     [[8, 12], [81, 175], [34, 179]],
588 |     [[34, 179], [32, 96], [8, 12]],
589 |     [[9, 13], [33, 54], [34, 178]],
590 |     [[34, 55], [33, 54], [98, 57]],
591 |     [[98, 57], [87, 56], [34, 55]],
592 |     [[35, 97], [3, 67], [37, 180]],
593 |     [[37, 180], [36, 115], [35, 97]],
594 |     [[3, 67], [8, 53], [38, 181]],
595 |     [[38, 181], [37, 180], [3, 67]],
596 |     [[8, 53], [32, 167], [39, 169]],
597 |     [[39, 169], [38, 168], [8, 53]],
598 |     [[32, 167], [31, 117], [40, 170]],
599 |     [[40, 170], [39, 169], [32, 167]],
600 |     [[40, 176], [36, 116], [37, 36]],
601 |     [[37, 36], [39, 52], [40, 176]],
602 |     [[38, 51], [39, 52], [37, 36]],
603 |     [[30, 77], [10, 38], [42, 183]],
604 |     [[42, 183], [41, 182], [30, 77]],
605 |     [[10, 38], [13, 40], [43, 185]],
606 |     [[43, 185], [42, 184], [10, 38]],
607 |     [[13, 40], [5, 9], [130, 188]],
608 |     [[130, 188], [43, 185], [13, 40]],
609 |     [[130, 189], [131, 187], [41, 41]],
610 |     [[41, 41], [43, 58], [130, 189]],
611 |     [[42, 166], [43, 58], [41, 41]],
612 |     [[24, 118], [23, 30], [44, 59]],
613 |     [[44, 59], [45, 70], [24, 118]],
614 |     [[52, 109], [53, 110], [54, 113]],
615 |     [[54, 113], [55, 68], [52, 109]],
616 |     [[47, 119], [46, 60], [79, 92]],
617 |     [[79, 92], [80, 94], [47, 119]],
618 |     [[56, 69], [45, 44], [79, 92]],
619 |     [[79, 92], [46, 60], [56, 69]],
620 |     [[10, 61], [47, 119], [19, 95]],
621 |     [[19, 95], [47, 119], [80, 94]],
622 |     [[80, 94], [44, 43], [19, 95]],
623 |     [[10, 49], [9, 37], [49, 121]],
624 |     [[49, 121], [48, 120], [10, 49]],
625 |     [[9, 37], [46, 60], [50, 122]],
626 |     [[50, 122], [49, 121], [9, 37]],
627 |     [[46, 60], [47, 119], [51, 123]],
628 |     [[51, 123], [50, 122], [46, 60]],
629 |     [[47, 119], [10, 49], [48, 120]],
630 |     [[48, 120], [51, 123], [47, 119]],
631 |     [[48, 107], [49, 108], [53, 110]],
632 |     [[53, 110], [52, 109], [48, 107]],
633 |     [[49, 125], [50, 126], [54, 113]],
634 |     [[54, 113], [53, 110], [49, 125]],
635 |     [[50, 111], [51, 65], [55, 68]],
636 |     [[55, 68], [54, 113], [50, 111]],
637 |     [[51, 65], [48, 62], [52, 66]],
638 |     [[52, 66], [55, 68], [51, 65]],
639 |     [[57, 114], [45, 70], [56, 112]],
640 |     [[25, 158], [24, 147], [57, 156]],
641 |     [[57, 156], [58, 157], [25, 158]],
642 |     [[15, 45], [25, 124], [58, 149]],
643 |     [[28, 103], [2, 84], [60, 135]],
644 |     [[60, 135], [59, 134], [28, 103]],
645 |     [[2, 84], [4, 90], [61, 136]],
646 |     [[61, 136], [60, 135], [2, 84]],
647 |     [[5, 91], [13, 102], [63, 138]],
648 |     [[63, 138], [62, 137], [5, 91]],
649 |     [[13, 102], [28, 103], [59, 134]],
650 |     [[59, 134], [63, 138], [13, 102]],
651 |     [[59, 72], [60, 73], [65, 79]],
652 |     [[65, 79], [64, 81], [59, 72]],
653 |     [[60, 73], [61, 74], [66, 139]],
654 |     [[66, 139], [65, 79], [60, 73]],
655 |     [[62, 75], [63, 76], [68, 141]],
656 |     [[68, 141], [67, 140], [62, 75]],
657 |     [[63, 76], [59, 72], [64, 81]],
658 |     [[64, 81], [68, 141], [63, 76]],
659 |     [[29, 23], [1, 3], [70, 142]],
660 |     [[70, 142], [69, 86], [29, 23]],
661 |     [[1, 3], [27, 10], [71, 143]],
662 |     [[71, 143], [70, 142], [1, 3]],
663 |     [[27, 10], [3, 6], [72, 144]],
664 |     [[72, 144], [71, 143], [27, 10]],
665 |     [[3, 6], [35, 48], [73, 145]],
666 |     [[73, 145], [72, 144], [3, 6]],
667 |     [[69, 82], [70, 83], [75, 88]],
668 |     [[75, 88], [74, 87], [69, 82]],
669 |     [[70, 83], [71, 85], [76, 146]],
670 |     [[76, 146], [75, 88], [70, 83]],
671 |     [[71, 85], [72, 89], [77, 132]],
672 |     [[77, 132], [76, 146], [71, 85]],
673 |     [[72, 89], [73, 131], [78, 133]],
674 |     [[78, 133], [77, 132], [72, 89]],
675 |     [[8, 35], [26, 63], [20, 50]],
676 |     [[20, 50], [81, 127], [8, 35]],
677 |     [[18, 25], [19, 26], [44, 59]],
678 |     [[57, 114], [24, 31], [45, 70]],
679 |     [[45, 44], [44, 43], [80, 94]],
680 |     [[80, 94], [79, 92], [45, 44]],
681 |     [[20, 50], [56, 69], [46, 60]],
682 |     [[81, 175], [9, 13], [34, 174]],
683 |     [[75, 88], [76, 104], [77, 105]],
684 |     [[68, 101], [64, 98], [65, 78]],
685 |     [[97, 80], [30, 77], [41, 182]],
686 |     [[41, 182], [131, 186], [97, 80]],
687 |     [[82, 191], [11, 190], [84, 193]],
688 |     [[84, 193], [83, 192], [82, 191]],
689 |     [[86, 195], [85, 194], [31, 197]],
690 |     [[31, 197], [87, 196], [86, 195]],
691 |     [[66, 198], [89, 201], [88, 200]],
692 |     [[88, 200], [67, 199], [66, 198]],
693 |     [[90, 202], [74, 205], [78, 204]],
694 |     [[78, 204], [91, 203], [90, 202]],
695 |     [[4, 207], [12, 206], [93, 209]],
696 |     [[93, 209], [92, 208], [4, 207]],
697 |     [[12, 206], [82, 191], [83, 192]],
698 |     [[83, 192], [93, 209], [12, 206]],
699 |     [[94, 210], [84, 193], [11, 190]],
700 |     [[11, 190], [29, 211], [94, 210]],
701 |     [[96, 213], [95, 212], [98, 215]],
702 |     [[98, 215], [97, 214], [96, 213]],
703 |     [[100, 217], [99, 216], [102, 219]],
704 |     [[102, 219], [101, 218], [100, 217]],
705 |     [[94, 221], [103, 220], [104, 223]],
706 |     [[104, 223], [84, 222], [94, 221]],
707 |     [[83, 224], [106, 227], [105, 226]],
708 |     [[105, 226], [93, 225], [83, 224]],
709 |     [[93, 225], [105, 226], [107, 229]],
710 |     [[107, 229], [92, 228], [93, 225]],
711 |     [[108, 230], [110, 232], [109, 231]],
712 |     [[109, 231], [110, 232], [112, 234]],
713 |     [[112, 234], [111, 233], [109, 231]],
714 |     [[113, 235], [116, 238], [115, 237]],
715 |     [[115, 237], [114, 236], [113, 235]],
716 |     [[104, 223], [115, 240], [117, 239]],
717 |     [[117, 239], [84, 222], [104, 223]],
718 |     [[117, 242], [106, 241], [83, 224]],
719 |     [[83, 224], [84, 222], [117, 242]],
720 |     [[106, 243], [99, 246], [100, 245]],
721 |     [[100, 245], [105, 244], [106, 243]],
722 |     [[105, 244], [100, 245], [107, 247]],
723 |     [[107, 248], [100, 217], [101, 250]],
724 |     [[101, 250], [110, 249], [107, 248]],
725 |     [[110, 251], [101, 253], [118, 252]],
726 |     [[115, 254], [120, 256], [119, 255]],
727 |     [[117, 258], [115, 257], [119, 260]],
728 |     [[119, 260], [121, 259], [117, 258]],
729 |     [[117, 261], [121, 262], [106, 243]],
730 |     [[104, 263], [103, 266], [123, 265]],
731 |     [[123, 265], [122, 264], [104, 263]],
732 |     [[107, 267], [110, 232], [108, 268]],
733 |     [[108, 268], [92, 228], [107, 267]],
734 |     [[113, 269], [95, 212], [96, 271]],
735 |     [[96, 271], [111, 270], [113, 269]],
736 |     [[122, 272], [85, 275], [86, 274]],
737 |     [[86, 274], [114, 273], [122, 272]],
738 |     [[113, 269], [86, 276], [95, 212]],
739 |     [[86, 195], [87, 196], [98, 215]],
740 |     [[98, 215], [95, 212], [86, 195]],
741 |     [[35, 277], [36, 280], [124, 279]],
742 |     [[124, 279], [123, 278], [35, 277]],
743 |     [[123, 278], [124, 279], [125, 282]],
744 |     [[125, 282], [122, 281], [123, 278]],
745 |     [[122, 281], [125, 285], [126, 284]],
746 |     [[126, 284], [85, 283], [122, 281]],
747 |     [[85, 283], [126, 284], [40, 287]],
748 |     [[40, 287], [31, 286], [85, 283]],
749 |     [[40, 289], [126, 288], [124, 291]],
750 |     [[124, 291], [36, 290], [40, 289]],
751 |     [[125, 292], [124, 291], [126, 288]],
752 |     [[96, 293], [128, 296], [127, 295]],
753 |     [[127, 295], [111, 294], [96, 293]],
754 |     [[111, 294], [127, 299], [129, 298]],
755 |     [[129, 298], [109, 297], [111, 294]],
756 |     [[109, 297], [129, 298], [130, 301]],
757 |     [[130, 301], [5, 300], [109, 297]],
758 |     [[130, 303], [129, 302], [128, 305]],
759 |     [[128, 305], [131, 304], [130, 303]],
760 |     [[127, 306], [128, 305], [129, 302]],
761 |     [[102, 308], [132, 307], [118, 252]],
762 |     [[118, 252], [101, 253], [102, 308]],
763 |     [[133, 309], [136, 312], [135, 311]],
764 |     [[135, 311], [134, 310], [133, 309]],
765 |     [[137, 313], [139, 315], [138, 314]],
766 |     [[138, 314], [116, 238], [137, 313]],
767 |     [[120, 316], [116, 238], [138, 314]],
768 |     [[138, 314], [132, 317], [120, 316]],
769 |     [[111, 318], [112, 319], [137, 313]],
770 |     [[112, 319], [118, 320], [139, 315]],
771 |     [[139, 315], [137, 313], [112, 319]],
772 |     [[111, 321], [141, 323], [140, 322]],
773 |     [[140, 322], [113, 235], [111, 321]],
774 |     [[113, 235], [140, 322], [142, 324]],
775 |     [[142, 324], [116, 238], [113, 235]],
776 |     [[116, 238], [142, 324], [143, 325]],
777 |     [[143, 325], [137, 313], [116, 238]],
778 |     [[137, 313], [143, 325], [141, 323]],
779 |     [[141, 323], [111, 321], [137, 313]],
780 |     [[141, 326], [133, 309], [134, 310]],
781 |     [[134, 310], [140, 327], [141, 326]],
782 |     [[140, 328], [134, 310], [135, 311]],
783 |     [[135, 311], [142, 329], [140, 328]],
784 |     [[142, 330], [135, 311], [136, 312]],
785 |     [[136, 312], [143, 331], [142, 330]],
786 |     [[143, 331], [136, 312], [133, 333]],
787 |     [[133, 333], [141, 332], [143, 331]],
788 |     [[119, 255], [120, 256], [132, 307]],
789 |     [[99, 216], [121, 259], [119, 260]],
790 |     [[119, 260], [102, 219], [99, 216]],
791 |     [[106, 243], [121, 262], [99, 246]],
792 |     [[108, 334], [145, 337], [144, 336]],
793 |     [[144, 336], [92, 335], [108, 334]],
794 |     [[92, 335], [144, 336], [61, 339]],
795 |     [[61, 339], [4, 338], [92, 335]],
796 |     [[5, 340], [62, 343], [146, 342]],
797 |     [[146, 342], [109, 341], [5, 340]],
798 |     [[109, 341], [146, 342], [145, 337]],
799 |     [[145, 337], [108, 334], [109, 341]],
800 |     [[145, 344], [147, 347], [89, 346]],
801 |     [[89, 346], [144, 345], [145, 344]],
802 |     [[144, 345], [89, 346], [66, 349]],
803 |     [[66, 349], [61, 348], [144, 345]],
804 |     [[62, 350], [67, 353], [88, 352]],
805 |     [[88, 352], [146, 351], [62, 350]],
806 |     [[146, 351], [88, 352], [147, 347]],
807 |     [[147, 347], [145, 344], [146, 351]],
808 |     [[29, 354], [69, 357], [148, 356]],
809 |     [[148, 356], [94, 355], [29, 354]],
810 |     [[94, 355], [148, 356], [149, 359]],
811 |     [[149, 359], [103, 358], [94, 355]],
812 |     [[103, 358], [149, 359], [150, 361]],
813 |     [[150, 361], [123, 360], [103, 358]],
814 |     [[123, 360], [150, 361], [73, 363]],
815 |     [[73, 363], [35, 362], [123, 360]],
816 |     [[69, 364], [74, 205], [90, 202]],
817 |     [[90, 202], [148, 365], [69, 364]],
818 |     [[148, 365], [90, 202], [151, 367]],
819 |     [[151, 367], [149, 366], [148, 365]],
820 |     [[149, 366], [151, 367], [91, 369]],
821 |     [[91, 369], [150, 368], [149, 366]],
822 |     [[150, 368], [91, 369], [78, 371]],
823 |     [[78, 371], [73, 370], [150, 368]],
824 |     [[122, 264], [114, 236], [115, 237]],
825 |     [[115, 237], [104, 263], [122, 264]],
826 |     [[110, 251], [118, 252], [112, 372]],
827 |     [[119, 255], [132, 307], [102, 373]],
828 |     [[132, 317], [138, 314], [139, 315]],
829 |     [[139, 315], [118, 320], [132, 317]],
830 |     [[115, 237], [116, 238], [120, 316]],
831 |     [[114, 273], [86, 374], [113, 269]],
832 |     [[90, 202], [91, 203], [151, 375]],
833 |     [[88, 200], [89, 201], [147, 376]],
834 |     [[97, 377], [131, 378], [128, 296]],
835 |     [[128, 296], [96, 293], [97, 377]],
836 |   ],
837 | };
838 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <body style="margin:0;overflow:hidden;"></body>
  2 | <script src="three.min.js"></script>
  3 | <script src="space_frigate_6.js"></script>
  4 | <script type="text/plain" id="vr-vertex-shader">
  5 | 
  6 | attribute vec3 position;
  7 | varying vec2 uv;
  8 | 
  9 | void main() {
 10 |   uv = position.xy * 0.5 + 0.5;
 11 |   gl_Position = vec4(position, 1);
 12 | }
 13 | 
 14 | </script>
 15 | <script type="text/plain" id="vr-fragment-shader">
 16 | 
 17 | precision highp float;
 18 | 
 19 | uniform sampler2D texture;
 20 | uniform vec4 lensFrustum;
 21 | uniform vec4 noLensFrustum;
 22 | uniform vec4 viewport;
 23 | uniform vec2 distortion;
 24 | varying vec2 uv;
 25 | 
 26 | float distort(float r) {
 27 |   float r2 = r * r;
 28 |   float ret = 0.0;
 29 |   ret = r2 * (ret + distortion.y);
 30 |   ret = r2 * (ret + distortion.x);
 31 |   return (ret + 1.0) * r;
 32 | }
 33 | 
 34 | vec3 viewer(float u, float v) {
 35 |   u = (u - viewport.x) / viewport.z;
 36 |   v = (v - viewport.y) / viewport.w;
 37 | 
 38 |   float p = mix(noLensFrustum[0], noLensFrustum[2], u);
 39 |   float q = mix(noLensFrustum[3], noLensFrustum[1], v);
 40 |   float r = sqrt(p * p + q * q);
 41 |   float d = distort(r);
 42 |   float x = p * d / r;
 43 |   float y = q * d / r;
 44 |   float s = (x - lensFrustum[0]) / (lensFrustum[2] - lensFrustum[0]);
 45 |   float t = (y - lensFrustum[3]) / (lensFrustum[1] - lensFrustum[3]);
 46 | 
 47 |   return vec3(s, t, min(
 48 |     clamp(20.0 * (0.5 - abs(0.5 - s)), 0.0, 1.0),
 49 |     clamp(20.0 * (0.5 - abs(0.5 - t)), 0.0, 1.0)
 50 |   ));
 51 | }
 52 | 
 53 | void main() {
 54 |   vec3 info = uv.x < 0.5 ? viewer(uv.x, uv.y) : viewer(1.0 - uv.x, uv.y) * vec3(-1, 1, 1);
 55 |   vec2 coord = vec2(uv.x < 0.5 ? info.x * 0.5 : info.x * 0.5 + 1.0, info.y);
 56 |   gl_FragColor = vec4(texture2D(texture, coord).rgb * info.z, 1);
 57 | }
 58 | 
 59 | </script>
 60 | <script type="text/plain" id="terrain-vertex-shader">
 61 | 
 62 | uniform mat4 projectionMatrix;
 63 | uniform mat4 modelViewMatrix;
 64 | uniform mat3 normalMatrix;
 65 | attribute vec3 position;
 66 | attribute vec3 normal;
 67 | varying vec3 vNormal;
 68 | varying vec2 vUv;
 69 | 
 70 | void main() {
 71 |   vUv = position.xz;
 72 |   vNormal = normal;
 73 |   gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1);
 74 | }
 75 | 
 76 | </script>
 77 | <script type="text/plain" id="terrain-fragment-shader">
 78 | 
 79 | precision mediump float;
 80 | 
 81 | uniform sampler2D texture;
 82 | varying vec3 vNormal;
 83 | varying vec2 vUv;
 84 | 
 85 | void main() {
 86 |   vec2 coord = vUv * (1.0 / 64.0);
 87 |   vec3 normal = normalize(vNormal);
 88 |   vec3 tangent = normalize(cross(normal, cross(vec3(1, 0, 0), normal)));
 89 |   vec3 bitangent = normalize(cross(normal, cross(vec3(0, 1, 0), normal)));
 90 |   vec3 lookup = texture2D(texture, coord).xyz * 2.0 - 1.0;
 91 |   vec3 surfaceNormal = mat3(tangent, bitangent, normal) * lookup;
 92 | 
 93 |   vec3 lightDirection = vec3(0, 1, 0);
 94 |   float diffuse = max(0.0, dot(surfaceNormal, lightDirection));
 95 |   float ambient = pow(dot(normal, surfaceNormal), 16.0);
 96 |   float light = mix(ambient, diffuse, 0.75);
 97 |   gl_FragColor = vec4(vec3(0.75 * light), 1);
 98 | }
 99 | 
100 | </script>
101 | <script>
102 | 
103 | // Auto-refresh
104 | (function() {
105 |   function fetch() {
106 |     var xhr = new XMLHttpRequest;
107 |     xhr.onloadend = function() {
108 |       done(xhr.responseText);
109 |     };
110 |     xhr.open('GET', 'index.html');
111 |     xhr.send();
112 |   }
113 | 
114 |   var previous = null;
115 | 
116 |   function done(data) {
117 |     if (data) {
118 |       if (!previous) previous = data;
119 |       else if (data !== previous) location.reload();
120 |     }
121 | 
122 |     setTimeout(fetch, 500);
123 |   }
124 | 
125 |   fetch();
126 | })();
127 | 
128 | (function() {
129 |   // Copyright 2014 Google Inc. All rights reserved.
130 |   //
131 |   // Licensed under the Apache License, Version 2.0 (the "License");
132 |   // you may not use this file except in compliance with the License.
133 |   // You may obtain a copy of the License at
134 |   //
135 |   //     http://www.apache.org/licenses/LICENSE-2.0
136 |   //
137 |   // Unless required by applicable law or agreed to in writing, software
138 |   // distributed under the License is distributed on an "AS IS" BASIS,
139 |   // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
140 |   // See the License for the specific language governing permissions and
141 |   // limitations under the License.
142 | 
143 |   function distort(coef, r) {
144 |     var r2 = r * r;
145 |     var ret = 0;
146 |     for (var j=coef.length-1; j>=0; j--) {
147 |       ret = r2 * (ret + coef[j]);
148 |     }
149 |     return (ret + 1) * r;
150 |   }
151 | 
152 |   function VerticalLensOffset() {
153 |     return (viewer.lenses.offset - screen.border - screen.height/2) * viewer.lenses.alignment;
154 |   }
155 | 
156 |   // Calculates the tan-angles from the maximum FOV for the left eye for the
157 |   // current device and screen parameters.
158 |   function GetLeftEyeVisibleTanAngles(result) {
159 |     // Tan-angles from the max FOV.
160 |     var fovLeft = Math.tan(-viewer.maxFOV.outer * (Math.PI / 180));
161 |     var fovTop = Math.tan(viewer.maxFOV.upper * (Math.PI / 180));
162 |     var fovRight = Math.tan(viewer.maxFOV.inner * (Math.PI / 180));
163 |     var fovBottom = Math.tan(-viewer.maxFOV.lower * (Math.PI / 180));
164 |     // Viewport size.
165 |     var halfWidth = screen.width / 4;
166 |     var halfHeight = screen.height / 2;
167 |     // Viewport center, measured from left lens position.
168 |     var centerX = viewer.lenses.separation / 2 - halfWidth;
169 |     var centerY = -VerticalLensOffset();
170 |     var centerZ = viewer.lenses.screenDistance;
171 |     // Tan-angles of the viewport edges, as seen through the lens.
172 |     var screenLeft = distort(viewer.distortion, (centerX - halfWidth) / centerZ);
173 |     var screenTop = distort(viewer.distortion, (centerY + halfHeight) / centerZ);
174 |     var screenRight = distort(viewer.distortion, (centerX + halfWidth) / centerZ);
175 |     var screenBottom = distort(viewer.distortion, (centerY - halfHeight) / centerZ);
176 |     // Compare the two sets of tan-angles and take the value closer to zero on each side.
177 |     result[0] = Math.max(fovLeft, screenLeft);
178 |     result[1] = Math.min(fovTop, screenTop);
179 |     result[2] = Math.min(fovRight, screenRight);
180 |     result[3] = Math.max(fovBottom, screenBottom);
181 |   }
182 | 
183 |   // Calculates the tan-angles from the maximum FOV for the left eye for the
184 |   // current device and screen parameters, assuming no lenses.
185 |   function GetLeftEyeNoLensTanAngles(result) {
186 |     // Tan-angles from the max FOV.
187 |     var fovLeft = distort(viewer.inverse, Math.tan(-viewer.maxFOV.outer * (Math.PI / 180)));
188 |     var fovTop = distort(viewer.inverse, Math.tan(viewer.maxFOV.upper * (Math.PI / 180)));
189 |     var fovRight = distort(viewer.inverse, Math.tan(viewer.maxFOV.inner * (Math.PI / 180)));
190 |     var fovBottom = distort(viewer.inverse, Math.tan(-viewer.maxFOV.lower * (Math.PI / 180)));
191 |     // Viewport size.
192 |     var halfWidth = screen.width / 4;
193 |     var halfHeight = screen.height / 2;
194 |     // Viewport center, measured from left lens position.
195 |     var centerX = viewer.lenses.separation / 2 - halfWidth;
196 |     var centerY = -VerticalLensOffset();
197 |     var centerZ = viewer.lenses.screenDistance;
198 |     // Tan-angles of the viewport edges, as seen through the lens.
199 |     var screenLeft = (centerX - halfWidth) / centerZ;
200 |     var screenTop = (centerY + halfHeight) / centerZ;
201 |     var screenRight = (centerX + halfWidth) / centerZ;
202 |     var screenBottom = (centerY - halfHeight) / centerZ;
203 |     // Compare the two sets of tan-angles and take the value closer to zero on each side.
204 |     result[0] = Math.max(fovLeft, screenLeft);
205 |     result[1] = Math.min(fovTop, screenTop);
206 |     result[2] = Math.min(fovRight, screenRight);
207 |     result[3] = Math.max(fovBottom, screenBottom);
208 |   }
209 | 
210 |   // Calculates the screen rectangle visible from the left eye for the
211 |   // current device and screen parameters.
212 |   function GetLeftEyeVisibleScreenRect(undistortedFrustum, rect) {
213 |     var dist = viewer.lenses.screenDistance;
214 |     var eyeX = (screen.width - viewer.lenses.separation) / 2;
215 |     var eyeY = VerticalLensOffset() + screen.height / 2;
216 |     var left = (undistortedFrustum[0] * dist + eyeX) / screen.width;
217 |     var top = (undistortedFrustum[1] * dist + eyeY) / screen.height;
218 |     var right = (undistortedFrustum[2] * dist + eyeX) / screen.width;
219 |     var bottom = (undistortedFrustum[3] * dist + eyeY) / screen.height;
220 |     rect.x = left;
221 |     rect.y = bottom;
222 |     rect.width = right - left;
223 |     rect.height = top - bottom;
224 |   }
225 | 
226 |   function GetMaxRadius(tanAngleRect) {
227 |     var x = Math.max(Math.abs(tanAngleRect[0]), Math.abs(tanAngleRect[2]));
228 |     var y = Math.max(Math.abs(tanAngleRect[1]), Math.abs(tanAngleRect[3]));
229 |     return Math.sqrt(x * x + y * y);
230 |   }
231 | 
232 |   // Solves a small linear equation via destructive gaussian
233 |   // elimination and back substitution.  This isn't generic numeric
234 |   // code, it's just a quick hack to work with the generally
235 |   // well-behaved symmetric matrices for least-squares fitting.
236 |   // Not intended for reuse.
237 |   //
238 |   // @param a Input positive definite symmetrical matrix. Destroyed
239 |   //     during calculation.
240 |   // @param y Input right-hand-side values. Destroyed during calculation.
241 |   // @return Resulting x value vector.
242 |   //
243 |   function solveLinear(a, y) {
244 |     var n = a.length;
245 | 
246 |     // Gaussian elimination (no row exchange) to triangular matrix.
247 |     // The input matrix is a A^T A product which should be a positive
248 |     // definite symmetrical matrix, and if I remember my linear
249 |     // algebra right this implies that the pivots will be nonzero and
250 |     // calculations sufficiently accurate without needing row
251 |     // exchange.
252 |     for (var j = 0; j < n - 1; ++j) {
253 |       for (var k = j + 1; k < n; ++k) {
254 |         var p = a[k][j] / a[j][j];
255 |         for (var i = j + 1; i < n; ++i) {
256 |           a[k][i] -= p * a[j][i];
257 |         }
258 |         y[k] -= p * y[j];
259 |       }
260 |     }
261 |     // From this point on, only the matrix elements a[j][i] with i>=j are
262 |     // valid. The elimination doesn't fill in eliminated 0 values.
263 | 
264 |     var x = [];
265 |     for (var i = 0; i < n; i++) x.push(0);
266 | 
267 |     // Back substitution.
268 |     for (var j = n - 1; j >= 0; --j) {
269 |       var v = y[j];
270 |       for (var i = j + 1; i < n; ++i) {
271 |         v -= a[j][i] * x[i];
272 |       }
273 |       x[j] = v / a[j][j];
274 |     }
275 | 
276 |     return x;
277 |   }
278 | 
279 |   // Solves a least-squares matrix equation.  Given the equation A * x = y, calculate the
280 |   // least-square fit x = inverse(A * transpose(A)) * transpose(A) * y.  The way this works
281 |   // is that, while A is typically not a square matrix (and hence not invertible), A * transpose(A)
282 |   // is always square.  That is:
283 |   //   A * x = y
284 |   //   transpose(A) * (A * x) = transpose(A) * y   <- multiply both sides by transpose(A)
285 |   //   (transpose(A) * A) * x = transpose(A) * y   <- associativity
286 |   //   x = inverse(transpose(A) * A) * transpose(A) * y  <- solve for x
287 |   // Matrix A's row count (first index) must match y's value count.  A's column count (second index)
288 |   // determines the length of the result vector x.
289 |   function solveLeastSquares(matA, vecY) {
290 |     var numSamples = matA.length;
291 |     var numCoefficients = matA[0].length;
292 |     if (numSamples != vecY.length) {
293 |       throw new Error("Matrix / vector dimension mismatch");
294 |     }
295 | 
296 |     // Calculate transpose(A) * A
297 |     var matATA = [];
298 |     for (var j = 0; j < numCoefficients; ++j) {
299 |       var row = [];
300 |       for (var k = 0; k < numCoefficients; ++k) {
301 |         var sum = 0;
302 |         for (var i = 0; i < numSamples; ++i) {
303 |           sum += matA[i][j] * matA[i][k];
304 |         }
305 |         row.push(sum);
306 |       }
307 |       matATA.push(row);
308 |     }
309 | 
310 |     // Calculate transpose(A) * y
311 |     var vecATY = [];
312 |     for (var j = 0; j < numCoefficients; ++j) {
313 |       var sum = 0;
314 |       for (var i = 0; i < numSamples; ++i) {
315 |         sum += matA[i][j] * vecY[i];
316 |       }
317 |       vecATY.push(sum);
318 |     }
319 | 
320 |     // Now solve (A * transpose(A)) * x = transpose(A) * y.
321 |     return solveLinear(matATA, vecATY);
322 |   }
323 | 
324 |   // Calculates an approximate inverse to the given radial distortion parameters.
325 |   function ApproximateInverse(coef) {
326 |     var maxRadius = 1;
327 |     var numSamples = 100;
328 |     var numCoefficients = 6;
329 | 
330 |     // R + K1*R^3 + K2*R^5 = r, with R = rp = distort(r)
331 |     // Repeating for numSamples:
332 |     //   [ R0^3, R0^5 ] * [ K1 ] = [ r0 - R0 ]
333 |     //   [ R1^3, R1^5 ]   [ K2 ]   [ r1 - R1 ]
334 |     //   [ R2^3, R2^5 ]            [ r2 - R2 ]
335 |     //   [ etc... ]                [ etc... ]
336 |     // That is:
337 |     //   matA * [K1, K2] = y
338 |     // Solve:
339 |     //   [K1, K2] = inverse(transpose(matA) * matA) * transpose(matA) * y
340 |     var matA = [];
341 |     var vecY = [];
342 |     for (var i = 0; i < numSamples; ++i) {
343 |       var r = maxRadius * (i + 1) / numSamples;
344 |       var rp = distort(coef, r);
345 |       var v = rp;
346 |       var row = [];
347 |       for (var j = 0; j < numCoefficients; ++j) {
348 |         v *= rp * rp;
349 |         row.push(v);
350 |       }
351 |       matA.push(row);
352 |       vecY.push(r - rp);
353 |     }
354 |     return solveLeastSquares(matA, vecY);
355 |   }
356 | 
357 |   // Parameters for an iPhone 6 device.
358 |   var screen = {
359 |     width: 0.104,
360 |     height: 0.058,
361 |     border: 0.005,
362 |   };
363 | 
364 |   // Raw protocol buffer data from the Google Cardboard QR code URL:
365 |   /*
366 |   vendor: "Google"
367 |   model: "Cardboard"
368 |   screen_to_lens_distance: 0.0393
369 |   inter_lens_distance: 0.0639
370 |   left_eye_field_of_view_angles: 60
371 |   left_eye_field_of_view_angles: 60
372 |   left_eye_field_of_view_angles: 60
373 |   left_eye_field_of_view_angles: 60
374 |   tray_to_lens_distance: 0.035
375 |   distortion_coefficients: 0.33582565
376 |   distortion_coefficients: 0.5534879
377 |   has_magnet: false
378 |   vertical_alignment: BOTTOM
379 |   primary_button: INDIRECT_TOUCH
380 |   */
381 |   var viewer = {
382 |     lenses: {
383 |       separation: 0.0639,
384 |       offset: 0.035,
385 |       screenDistance: 0.0393,
386 |       alignment: 1,
387 |     },
388 |     maxFOV: {
389 |       outer: 60,
390 |       inner: 60,
391 |       upper: 60,
392 |       lower: 60,
393 |     },
394 |     distortion: [0.33582565, 0.5534879],
395 |     inverse: ApproximateInverse([0.33582565, 0.5534879]),
396 |   };
397 | 
398 |   var lensFrustum = [0, 0, 0, 0];
399 |   var noLensFrustum = [0, 0, 0, 0];
400 |   var viewport = {x: 0, y: 0, width: 0, height: 0};
401 | 
402 |   GetLeftEyeVisibleTanAngles(lensFrustum);
403 |   GetLeftEyeNoLensTanAngles(noLensFrustum);
404 |   GetLeftEyeVisibleScreenRect(noLensFrustum, viewport);
405 | 
406 |   cardboardUniforms = {
407 |     lensFrustum: { type: 'v4', value: new THREE.Vector4(lensFrustum[0], lensFrustum[1], lensFrustum[2], lensFrustum[3]) },
408 |     noLensFrustum: { type: 'v4', value: new THREE.Vector4(noLensFrustum[0], noLensFrustum[1], noLensFrustum[2], noLensFrustum[3]) },
409 |     viewport: { type: 'v4', value: new THREE.Vector4(viewport.x, viewport.y, viewport.width, viewport.height) },
410 |     distortion: { type: 'v2', value: new THREE.Vector2(viewer.distortion[0], viewer.distortion[1]) },
411 |   };
412 | })();
413 | 
414 | (function() {
415 |   var scene = new THREE.Scene();
416 |   var sceneScreen = new THREE.Scene();
417 |   var cameraScreen = new THREE.OrthographicCamera(-1, 1, -1, 1, -1, 1);
418 | 
419 |   var cameraLeft = new THREE.Camera();
420 |   var cameraRight = new THREE.Camera();
421 |   var cameraDistance = 50;
422 | 
423 |   var lensFrustum = cardboardUniforms.lensFrustum.value;
424 |   cameraLeft.projectionMatrix.makeFrustum(lensFrustum.x, lensFrustum.z, lensFrustum.w, lensFrustum.y, 1, 10000);
425 |   cameraRight.projectionMatrix.makeFrustum(lensFrustum.x, lensFrustum.z, lensFrustum.w, lensFrustum.y, 1, 10000);
426 |   cameraRight.projectionMatrix.elements[8] *= -1;
427 | 
428 |   var renderer = new THREE.WebGLRenderer();
429 |   renderer.autoClear = false;
430 |   renderer.domElement.style.width = '100%';
431 |   renderer.domElement.style.height = '100%';
432 |   document.body.appendChild(renderer.domElement);
433 | 
434 |   var loader = new THREE.TextureLoader();
435 |   loader.load('space_frigate_6_color.png', function(colorTexture) {
436 |     loader.load('space_frigate_6_specular.png', function(specularTexture) {
437 |       loader.load('space_frigate_6_illumination.png', function(emissiveTexture) {
438 |         loader.load('terrain.png', function(terrainTexture) {
439 |           terrainTexture.wrapS = THREE.RepeatWrapping;
440 |           terrainTexture.wrapT = THREE.RepeatWrapping;
441 | 
442 |           var rtTexture = new THREE.WebGLRenderTarget(innerWidth, innerHeight,
443 |             {minFilter: THREE.LinearFilter, magFilter: THREE.LinearFilter, format: THREE.RGBFormat});
444 | 
445 |           var quad = new THREE.Mesh(
446 |             new THREE.PlaneBufferGeometry(2, 2, 1),
447 |             new THREE.RawShaderMaterial({
448 |               uniforms: Object.assign({}, cardboardUniforms, {
449 |                 texture: { type: 't', value: rtTexture.texture },
450 |               }),
451 |               vertexShader: document.querySelector('#vr-vertex-shader').textContent,
452 |               fragmentShader: document.querySelector('#vr-fragment-shader').textContent,
453 |             })
454 |           );
455 |           quad.rotation.x = Math.PI;
456 |           sceneScreen.add(quad);
457 | 
458 |           var light = new THREE.AmbientLight(0xFFFFFF, 0.15);
459 |           scene.add(light);
460 | 
461 |           var directionalLight = new THREE.DirectionalLight(0xFFFFFF, 0.85);
462 |           directionalLight.position.set(0, 1, 0);
463 |           scene.add(directionalLight);
464 | 
465 |           var shipGeometry = new THREE.Geometry();
466 |           space_frigate_6.vertices.forEach(function(v) {
467 |             shipGeometry.vertices.push(new THREE.Vector3(v[0], v[1], v[2]));
468 |           });
469 |           space_frigate_6.faces.forEach(function(f) {
470 |             shipGeometry.faces.push(new THREE.Face3(
471 |               f[0][0] - 1,
472 |               f[1][0] - 1,
473 |               f[2][0] - 1
474 |             ));
475 |             var c0 = space_frigate_6.coords[f[0][1] - 1];
476 |             var c1 = space_frigate_6.coords[f[1][1] - 1];
477 |             var c2 = space_frigate_6.coords[f[2][1] - 1];
478 |             shipGeometry.faceVertexUvs[0].push([
479 |               new THREE.Vector2(c0[0], c0[1]),
480 |               new THREE.Vector2(c1[0], c1[1]),
481 |               new THREE.Vector2(c2[0], c2[1]),
482 |             ]);
483 |           });
484 |           shipGeometry.computeFaceNormals();
485 |           shipGeometry.computeBoundingSphere();
486 | 
487 |           var ship = new THREE.Mesh(shipGeometry, new THREE.MeshPhongMaterial({
488 |             map: colorTexture,
489 |             shininess: 64,
490 |             specular: 0xFFFFFF,
491 |             specularMap: specularTexture,
492 |             emissive: 0xFFFFFF,
493 |             emissiveMap: emissiveTexture,
494 |           }));
495 |           scene.add(ship);
496 | 
497 |           function smooth(x) {
498 |             return 0.5 - 0.5 * Math.cos(x * Math.PI);
499 |           }
500 | 
501 |           function intNoise(x, y, seed) {
502 |             var n = (x + Math.imul(y, 57) | 0) + Math.imul(seed, 131) | 0;
503 |             n = (n << 13) ^ n;
504 |             return 1 - ((Math.imul(n, Math.imul(Math.imul(n, n), 15731) + 789221 | 0) + 1376312589 | 0) & 0x7fffffff) * 0.000000000931322574615478515625;
505 |           }
506 | 
507 |           function floatNoise(x, y, seed) {
508 |             var ix = Math.floor(x);
509 |             var iy = Math.floor(y);
510 |             var tx = x - ix;
511 |             var ty = y - iy;
512 |             tx = smooth(tx);
513 |             ty = smooth(ty);
514 |             var txty = tx * ty;
515 |             return intNoise(ix, iy, seed) * (1 - ty - tx + txty) +
516 |                    intNoise(ix + 1, iy, seed) * (tx - txty) +
517 |                    intNoise(ix + 1, iy + 1, seed) * txty +
518 |                    intNoise(ix, iy + 1, seed) * (ty - txty);
519 |           }
520 | 
521 |           function octaveNoise(x, y, seed, count, scaleXY, scaleZ) {
522 |             var z = 0, weightY = 1;
523 |             for (var i = 0; i < count; i++) {
524 |               z += floatNoise(x, y, seed) * weightY;
525 |               weightY *= scaleZ;
526 |               x *= scaleXY;
527 |               y *= scaleXY;
528 |             }
529 |             return z;
530 |           }
531 | 
532 |           function getZ(x, y, detail) {
533 |             return octaveNoise(x, y, 0, detail, 2, 0.4);
534 |           }
535 | 
536 |           var terrainGeometry = new THREE.PlaneBufferGeometry(2, 2, 256, 256);
537 |           var position = terrainGeometry.attributes.position.array;
538 |           var normal = terrainGeometry.attributes.normal.array;
539 |           for (var i = 0; i < position.length; i += 3) {
540 |             var x = position[i];
541 |             var y = position[i + 1];
542 |             position[i] = x * 2000;
543 |             position[i + 1] = getZ(x * 10, y * 10, 4) * 100;
544 |             position[i + 2] = -y * 2000;
545 |           }
546 |           terrainGeometry.computeVertexNormals();
547 |           for (var i = 0; i < position.length; i += 3) {
548 |             var x = position[i];
549 |             var y = position[i + 1];
550 |             var z = position[i + 2];
551 |             var nx = normal[i];
552 |             var ny = normal[i + 1];
553 |             var nz = normal[i + 2];
554 | 
555 |             // Make mountains more peaked
556 |             position[i]     = x - 20 * nx;
557 |             position[i + 1] = y - 20 * (ny - 1);
558 |             position[i + 2] = z - 20 * nz;
559 |           }
560 |           terrainGeometry.computeBoundingSphere();
561 |           var terrain = new THREE.Mesh(terrainGeometry, new THREE.RawShaderMaterial({
562 |             uniforms: {
563 |               texture: { type: 't', value: terrainTexture },
564 |             },
565 |             vertexShader: document.querySelector('#terrain-vertex-shader').textContent,
566 |             fragmentShader: document.querySelector('#terrain-fragment-shader').textContent,
567 |           }));
568 |           scene.add(terrain);
569 | 
570 |           var previousTime = performance.now();
571 |           var alpha = 0;
572 |           var beta = 0;
573 |           var gamma = 0;
574 |           var alphaRate = 0;
575 |           var betaRate = 0;
576 |           var gammaRate = 0;
577 | 
578 |           // https://w3c.github.io/deviceorientation/spec-source-orientation.html
579 |           function loadDeviceOrientation() {
580 |             var orientation = window.orientation || 0;
581 | 
582 |             var cX = Math.cos(beta * (Math.PI / 180));
583 |             var cY = Math.cos(gamma * (Math.PI / 180));
584 |             var cZ = Math.cos(alpha * (Math.PI / 180));
585 | 
586 |             var sX = Math.sin(beta * (Math.PI / 180));
587 |             var sY = Math.sin(gamma * (Math.PI / 180));
588 |             var sZ = Math.sin(alpha * (Math.PI / 180));
589 | 
590 |             var m11 = cZ * cY - sZ * sX * sY;
591 |             var m12 = -cX * sZ;
592 |             var m13 = cY * sZ * sX + cZ * sY;
593 | 
594 |             var m21 = cY * sZ + cZ * sX * sY;
595 |             var m22 = cZ * cX;
596 |             var m23 = sZ * sY - cZ * cY * sX;
597 | 
598 |             var m31 = -cX * sY;
599 |             var m32 = sX;
600 |             var m33 = cX * cY;
601 | 
602 |             var rc = Math.cos(orientation * (Math.PI / 180));
603 |             var rs = Math.sin(orientation * (Math.PI / 180));
604 | 
605 |             cameraMatrix.set(
606 |               0, -1, 0, 0,
607 |               0, 0, 1, 0,
608 |               -1, 0, 0, 0,
609 |               0, 0, 0, 1
610 |             ).multiply(temporaryMatrix.set(
611 |               rc * m11 - rs * m12, rs * m11 + rc * m12, m13, 0,
612 |               rc * m21 - rs * m22, rs * m21 + rc * m22, m23, 0,
613 |               rc * m31 - rs * m32, rs * m31 + rc * m32, m33, 0,
614 |               0, 0, 0, 1
615 |             ));
616 |           }
617 | 
618 |           var cameraMatrix = new THREE.Matrix4();
619 |           var temporaryMatrix = new THREE.Matrix4();
620 |           var temporaryVector = new THREE.Vector3();
621 |           var temporaryQuaternion = new THREE.Quaternion();
622 |           var screenWidth = 1;
623 |           var screenHeight = 1;
624 | 
625 |           var velocity = new THREE.Vector3();
626 |           var acceleration = new THREE.Vector3();
627 |           var angularVelocity = new THREE.Quaternion();
628 |           var angularAcceleration = new THREE.Quaternion();
629 |           var normalizedVelocity = new THREE.Vector3();
630 |           var sidewaysDirection = new THREE.Vector3();
631 |           var forwardDirection = new THREE.Vector3();
632 |           var upDirection = new THREE.Vector3();
633 | 
634 |           ship.position.set(0, 200, 0);
635 | 
636 |           function render() {
637 |             var leftWidth = screenWidth / 2 | 0;
638 | 
639 |             var currentTime = performance.now();
640 |             var seconds = (currentTime - previousTime) / 1000;
641 |             previousTime = currentTime;
642 | 
643 |             var left = !!keyState[37];
644 |             var up = !!keyState[38];
645 |             var right = !!keyState[39];
646 |             var down = !!keyState[40];
647 | 
648 |             var n = 10;
649 |             var t = seconds / n;
650 | 
651 |             for (var i = 0; i < n; i++) {
652 |               // Reset acceleration for this frame
653 |               acceleration.set(0, 0, 0);
654 |               angularAcceleration.set(0, 0, 0, 1);
655 | 
656 |               // Helper variables
657 |               sidewaysDirection.set(0, 0, 1).applyQuaternion(ship.quaternion);
658 |               forwardDirection.set(-1, 0, 0).applyQuaternion(ship.quaternion);
659 |               upDirection.set(0, 1, 0).applyQuaternion(ship.quaternion);
660 |               normalizedVelocity.copy(velocity).normalize();
661 | 
662 |               // Thrust
663 |               acceleration.add(temporaryVector.copy(forwardDirection).multiplyScalar(200));
664 | 
665 |               // Gravity
666 |               acceleration.add(temporaryVector.set(0, -250, 0));
667 | 
668 |               // Lift
669 |               acceleration.add(temporaryVector.copy(upDirection).multiplyScalar(0.001 * normalizedVelocity.dot(forwardDirection) * velocity.lengthSq()));
670 |               acceleration.add(temporaryVector.copy(upDirection).multiplyScalar(0.01 * normalizedVelocity.dot(upDirection) * velocity.lengthSq()));
671 | 
672 |               // "Compensation" for lift differential across the two wings
673 |               angularAcceleration.multiply(temporaryQuaternion.setFromAxisAngle(temporaryVector.set(0, 0, 1), 0.00005 * normalizedVelocity.dot(sidewaysDirection) * velocity.lengthSq()));
674 |               angularAcceleration.multiply(temporaryQuaternion.setFromAxisAngle(temporaryVector.set(-1, 0, 0), 0.0001 * normalizedVelocity.dot(sidewaysDirection) * velocity.lengthSq()));
675 |               angularAcceleration.multiply(temporaryQuaternion.setFromAxisAngle(temporaryVector.set(0, 1, 0), 0.0001 * normalizedVelocity.dot(sidewaysDirection) * velocity.lengthSq()));
676 | 
677 |               // Directional drag
678 |               acceleration.add(temporaryVector.copy(sidewaysDirection).multiplyScalar(-0.05 * normalizedVelocity.dot(sidewaysDirection) * velocity.lengthSq()));
679 |               acceleration.add(temporaryVector.copy(forwardDirection).multiplyScalar(-0.01 * normalizedVelocity.dot(forwardDirection) * velocity.lengthSq()));
680 |               acceleration.add(temporaryVector.copy(upDirection).multiplyScalar(-0.1 * normalizedVelocity.dot(upDirection) * velocity.lengthSq()));
681 | 
682 |               // Pitch and roll
683 |               angularAcceleration.multiply(temporaryQuaternion.setFromAxisAngle(temporaryVector.set(0, 0, 1), Math.PI / 4 * (up - down)));
684 |               angularAcceleration.multiply(temporaryQuaternion.setFromAxisAngle(temporaryVector.set(1, 0, 0), Math.PI / 4 * (left - right)));
685 | 
686 |               // Update velocity
687 |               velocity.add(temporaryVector.copy(acceleration).multiplyScalar(t));
688 |               angularVelocity.multiply(temporaryQuaternion.set(0, 0, 0, 1).slerp(angularAcceleration, t));
689 | 
690 |               // Update position
691 |               ship.position.add(temporaryVector.copy(velocity).multiplyScalar(t));
692 |               ship.quaternion.multiply(temporaryQuaternion.set(0, 0, 0, 1).slerp(angularVelocity, t));
693 | 
694 |               // Angular drag
695 |               angularVelocity.slerp(temporaryQuaternion.set(0, 0, 0, 1), 1 - Math.pow(0.25, t));
696 |             }
697 | 
698 |             // Try to render a frame ahead due to lag inherent in the pipeline
699 |             alpha += alphaRate * seconds;
700 |             beta += betaRate * seconds;
701 |             gamma += gammaRate * seconds;
702 | 
703 |             loadDeviceOrientation();
704 | 
705 |             cameraLeft.quaternion.setFromRotationMatrix(cameraMatrix);
706 |             cameraRight.quaternion.setFromRotationMatrix(cameraMatrix);
707 | 
708 |             // // Rotate with the ship => nausea
709 |             // cameraLeft.quaternion.multiplyQuaternions(ship.quaternion, cameraLeft.quaternion);
710 |             // cameraRight.quaternion.multiplyQuaternions(ship.quaternion, cameraRight.quaternion);
711 |             // cameraMatrix.makeRotationFromQuaternion(cameraLeft.quaternion);
712 | 
713 |             cameraLeft.position.set(cameraMatrix.elements[8], cameraMatrix.elements[9], cameraMatrix.elements[10]).multiplyScalar(cameraDistance);
714 |             cameraRight.position.set(cameraMatrix.elements[8], cameraMatrix.elements[9], cameraMatrix.elements[10]).multiplyScalar(cameraDistance);
715 | 
716 |             temporaryVector.set(cameraMatrix.elements[0], cameraMatrix.elements[1], cameraMatrix.elements[2]).multiplyScalar(2.5);
717 |             cameraLeft.position.add(ship.position).sub(temporaryVector);
718 |             cameraRight.position.add(ship.position).add(temporaryVector);
719 | 
720 |             requestAnimationFrame(render);
721 | 
722 |             rtTexture.viewport = new THREE.Vector4(0, 0, leftWidth, screenHeight);
723 |             renderer.render(scene, cameraLeft, rtTexture, true);
724 | 
725 |             rtTexture.viewport = new THREE.Vector4(leftWidth, 0, screenWidth - leftWidth, screenHeight);
726 |             renderer.render(scene, cameraRight, rtTexture, false);
727 | 
728 |             renderer.setViewport(0, 0, screenWidth, screenHeight);
729 |             renderer.render(sceneScreen, cameraScreen, null, true);
730 |           }
731 | 
732 |           ondevicemotion = function(e) {
733 |             var rotationRate = e.rotationRate;
734 |             if (rotationRate) {
735 |               alphaRate = rotationRate.alpha;
736 |               betaRate = rotationRate.beta;
737 |               gammaRate = rotationRate.gamma;
738 |             }
739 |           };
740 | 
741 |           ondeviceorientation = function(e) {
742 |             alpha = e.alpha;
743 |             beta = e.beta;
744 |             gamma = e.gamma;
745 |           };
746 | 
747 |           ontouchstart = function(e) {
748 |             e.preventDefault();
749 |             ship.position.set(0, 200, 0);
750 |           };
751 | 
752 |           onmousedown = function(e) {
753 |             e.preventDefault();
754 | 
755 |             var oldX = e.pageX;
756 |             var oldY = e.pageY;
757 | 
758 |             onmousemove = function(e) {
759 |               alpha -= e.pageX - oldX;
760 |               beta -= e.pageY - oldY;
761 | 
762 |               alpha -= Math.floor(alpha / 360) * 360;
763 |               beta = Math.max(0, Math.min(beta, 180));
764 | 
765 |               oldX = e.pageX;
766 |               oldY = e.pageY;
767 |             };
768 | 
769 |             onmouseup = function(e) {
770 |               onmousemove = null;
771 |               onmouseup = null;
772 |             };
773 |           };
774 | 
775 |           onresize = function() {
776 |             var ratio = window.devicePixelRatio || 1;
777 |             screenWidth = Math.round(innerWidth * ratio);
778 |             screenHeight = Math.round(innerHeight * ratio);
779 |             renderer.setSize(screenWidth, screenHeight, false);
780 |             rtTexture.setSize(screenWidth, screenHeight);
781 |           };
782 | 
783 |           var socket = null;
784 |           var keyState = {};
785 |           var hasKeys = false;
786 | 
787 |           function sendKeyState() {
788 |             hasKeys = true;
789 |             try { socket.send(JSON.stringify(keyState)); } catch (e) {}
790 |           }
791 | 
792 |           onkeydown = function(e) {
793 |             keyState[e.which] = true;
794 |             sendKeyState();
795 |           };
796 | 
797 |           onkeyup = function(e) {
798 |             delete keyState[e.which];
799 |             sendKeyState();
800 |           };
801 | 
802 |           onblur = onfocus = function() {
803 |             keyState = {};
804 |           };
805 | 
806 |           function openSocket() {
807 |             socket = new WebSocket('ws://' + location.host);
808 | 
809 |             socket.onmessage = function(e) {
810 |               if (!hasKeys) {
811 |                 keyState = JSON.parse(e.data);
812 |               }
813 |             };
814 | 
815 |             socket.onclose = function() {
816 |               socket.onopen = null;
817 |               socket.onmessage = null;
818 |               socket.onclose = null;
819 |               try { socket.close(); } catch (e) {}
820 |               socket = null;
821 |               setTimeout(openSocket, 500);
822 |             };
823 |           }
824 | 
825 |           openSocket();
826 |           onresize();
827 |           render();
828 |         });
829 |       });
830 |     });
831 |   });
832 | })();
833 | 
834 | </script>
835 | 


--------------------------------------------------------------------------------