corrade-http-templates – Blame information for rev 31
?pathlinks?
Rev | Author | Line No. | Line |
---|---|---|---|
2 | eva | 1 | <!DOCTYPE html> |
2 | <html lang="en"> |
||
3 | <head> |
||
4 | <title>Wizardry and Steamworks - Real Time Avatar Tracking using Corrade in SecondLife.</title> |
||
5 | <meta charset="utf-8"> |
||
6 | <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> |
||
7 | <link rel="stylesheet" href="css/style.css?v=1.0"> |
||
8 | </head> |
||
9 | |||
10 | <body> |
||
11 | <div id="container"></div> |
||
12 | <div id="info"> |
||
13 | Wizardry and Steamworks - Real Time Avatar Tracking using Corrade in SecondLife.<br/> |
||
14 | All the graphical elements and data are generated dynamically!<br/> |
||
15 | MOVE mouse & press LEFT/A: rotate, MIDDLE/S: zoom, RIGHT/D: pan<br/> |
||
16 | <a href="#" target="_blank">Click to Open in new Window</a><br/> |
||
17 | </div> |
||
18 | |||
19 | <!-- Terrain Vertex and Fragment Shaders --> |
||
20 | <!-- Vertex Shader --> |
||
21 | <script id="terrainVertex" type="x-shader/x-vertex"> |
||
22 | uniform sampler2D bumpTexture; |
||
23 | uniform float bumpScale; |
||
24 | |||
25 | varying vec2 vUV; |
||
26 | |||
27 | void main() { |
||
28 | vUV = uv; |
||
29 | vec4 bumpData = texture2D(bumpTexture, uv); |
||
30 | |||
31 | // move the position along the normal |
||
32 | vec3 newPosition = |
||
33 | position + |
||
34 | normal * |
||
35 | bumpScale * |
||
36 | bumpData.r; // use red channel (all equal in greyscale) |
||
37 | |||
38 | gl_Position = |
||
39 | projectionMatrix * |
||
40 | modelViewMatrix * |
||
41 | vec4(newPosition, 1.0); |
||
42 | } |
||
43 | </script> |
||
44 | <!-- Fragment Shader / Pixel Shader --> |
||
45 | <script id="terrainFragment" type="x-shader/x-vertex"> |
||
46 | uniform sampler2D mapTexture; |
||
47 | varying vec2 vUV; |
||
48 | |||
49 | void main() { |
||
50 | vec4 map = texture2D(mapTexture, vUV); |
||
51 | gl_FragColor = vec4(0.0, 0.0, 0.0, 1.0) + map; //, 1.0); |
||
52 | } |
||
53 | </script> |
||
54 | <!-- --> |
||
55 | |||
56 | <script src="js/jquery.min.js"></script> |
||
57 | <script src="js/three.min.js"></script> |
||
58 | <script src="js/OrbitControls.min.js"></script> |
||
59 | <script src="js/CMUTypewriter_Regular.min.js"></script> |
||
60 | |||
61 | <script> |
||
62 | |||
63 | /* The bounds of the plot. */ |
||
64 | var plotBounds = { |
||
65 | 'maxx' : 256, |
||
66 | 'minx' : -256, |
||
67 | 'maxy' : 256, |
||
68 | 'miny' : -256, |
||
69 | 'maxz' : 256, |
||
70 | 'minz' : -256 |
||
71 | }; |
||
72 | |||
73 | /* This represents the bounds of the data to plot. |
||
74 | * These values will be linearly mapped onto the |
||
75 | * bounds for the plot. |
||
76 | */ |
||
77 | var dataBounds = { |
||
78 | 'maxx' : 256, |
||
79 | 'minx' : 0, |
||
80 | 'maxy' : 256, |
||
81 | 'miny' : 0, |
||
82 | 'maxz' : 256, // Second Life maximum rez altitude |
||
83 | 'minz' : 0 |
||
84 | } |
||
85 | |||
86 | /* Structure to be filled by the backend scripts. */ |
||
87 | var csv = |
||
88 | { |
||
89 | 'header' : [ "x", "y", "z" ], |
||
90 | 'positions' : [], |
||
91 | 'names' : [], |
||
92 | 'colors' : [] |
||
93 | }; |
||
94 | |||
95 | /* The size of the cursor for each avatar. */ |
||
96 | var dotSize = 8; |
||
97 | /* The interval in milliseconds for updating the terrain. */ |
||
98 | var mapFetchInterval = 60000; |
||
99 | /* The interval in milliseconds for avatar position updates. */ |
||
100 | var avatarsFetchInterval = 1000; |
||
101 | |||
102 | var container; |
||
103 | var camera, controls, scene, renderer; |
||
104 | var scatterPlot; |
||
105 | var points; |
||
106 | var avatarLabels = []; |
||
107 | var avatarProjections = []; |
||
108 | var mapImageData = null; |
||
109 | var mapBumpData = null; |
||
110 | var mapHeight; |
||
111 | var mapMesh; |
||
112 | |||
113 | init(); |
||
114 | animate(); |
||
115 | |||
116 | function init() { |
||
117 | /* Create the camera. */ |
||
118 | camera = new THREE.PerspectiveCamera( |
||
119 | 60, |
||
120 | window.innerWidth / window.innerHeight, |
||
121 | 2, |
||
122 | 10000 |
||
123 | ); |
||
124 | camera.position.z = plotBounds.maxz * 2; |
||
125 | camera.position.x = 0; |
||
126 | camera.position.y = plotBounds.maxy * 1.25; |
||
127 | controls = new THREE.OrbitControls(camera); |
||
128 | controls.damping = 0.2; |
||
129 | controls.addEventListener('change', render); |
||
130 | |||
131 | /* Create the scene. */ |
||
132 | scene = new THREE.Scene(); |
||
133 | |||
134 | /* Add the scatterplot to it. */ |
||
135 | scatterPlot = new THREE.Object3D(); |
||
136 | scene.add(scatterPlot); |
||
137 | |||
138 | /* Draw axes. */ |
||
139 | var xAxisGeo = new THREE.Geometry(); |
||
140 | var yAxisGeo = new THREE.Geometry(); |
||
141 | var zAxisGeo = new THREE.Geometry(); |
||
142 | |||
143 | xAxisGeo.vertices.push( |
||
144 | new THREE.Vector3( |
||
145 | plotBounds.minx/2, |
||
146 | plotBounds.miny/2, |
||
147 | plotBounds.minz/2 |
||
148 | ), |
||
149 | new THREE.Vector3( |
||
150 | plotBounds.maxx/2, |
||
151 | plotBounds.miny/2, |
||
152 | plotBounds.minz/2 |
||
153 | ) |
||
154 | ); |
||
155 | yAxisGeo.vertices.push( |
||
156 | new THREE.Vector3( |
||
157 | plotBounds.minx/2, |
||
158 | plotBounds.miny/2, |
||
159 | plotBounds.minz/2 |
||
160 | ), |
||
161 | new THREE.Vector3( |
||
162 | plotBounds.minx/2, |
||
163 | plotBounds.maxy/2, |
||
164 | plotBounds.minz/2 |
||
165 | ) |
||
166 | ); |
||
167 | zAxisGeo.vertices.push( |
||
168 | new THREE.Vector3( |
||
169 | plotBounds.minx/2, |
||
170 | plotBounds.miny/2, |
||
171 | plotBounds.minz/2 |
||
172 | ), |
||
173 | new THREE.Vector3( |
||
174 | plotBounds.minx/2, |
||
175 | plotBounds.miny/2, |
||
176 | plotBounds.maxz/2 |
||
177 | ) |
||
178 | ); |
||
179 | |||
180 | var xAxisMat = new THREE.LineBasicMaterial( |
||
181 | { |
||
182 | color: 0xa60000, |
||
183 | lineWidth: 1 |
||
184 | } |
||
185 | ); |
||
186 | var xAxis = new THREE.Line(xAxisGeo, xAxisMat); |
||
187 | xAxis.type = THREE.Lines; |
||
188 | scatterPlot.add(xAxis); |
||
189 | |||
190 | var yAxisMat = new THREE.LineBasicMaterial( |
||
191 | { |
||
192 | color: 0x0000a6, |
||
193 | lineWidth: 1 |
||
194 | } |
||
195 | ); |
||
196 | var yAxis = new THREE.Line(yAxisGeo, yAxisMat); |
||
197 | yAxis.type = THREE.Lines; |
||
198 | scatterPlot.add(yAxis); |
||
199 | |||
200 | var zAxisMat = new THREE.LineBasicMaterial( |
||
201 | { |
||
202 | color: 0x00a600, |
||
203 | lineWidth: 1 |
||
204 | } |
||
205 | ); |
||
206 | var zAxis = new THREE.Line(zAxisGeo, zAxisMat); |
||
207 | zAxis.type = THREE.Lines; |
||
208 | scatterPlot.add(zAxis); |
||
209 | |||
210 | /* Add axes text. */ |
||
211 | var text3d = new THREE.TextGeometry("O", { |
||
212 | size: 8, |
||
213 | height: 2, |
||
214 | curveSegments: 2, |
||
215 | font: "cmutypewriter_regular" |
||
216 | |||
217 | }); |
||
218 | text3d.computeBoundingBox(); |
||
219 | var centerOffset = -0.5 * ( |
||
220 | text3d.boundingBox.max.x - |
||
221 | text3d.boundingBox.min.x |
||
222 | ); |
||
223 | var textMaterial = new THREE.MeshBasicMaterial( |
||
224 | { |
||
225 | color: 0xa6a6a6, |
||
226 | overdraw: 0.5 |
||
227 | } |
||
228 | ); |
||
229 | text = new THREE.Mesh(text3d, textMaterial); |
||
230 | text.position.x = plotBounds.minx/2 + 2 * centerOffset; |
||
231 | text.position.y = plotBounds.minx/2 + 2 * centerOffset; |
||
232 | text.position.z = plotBounds.minx/2; |
||
233 | scatterPlot.add(text); |
||
234 | |||
235 | text3d = new THREE.TextGeometry( |
||
236 | csv.header[0] + |
||
237 | " " + |
||
238 | "(" + |
||
239 | dataBounds.maxx + |
||
240 | "m)", |
||
241 | { |
||
242 | size: 8, |
||
243 | height: 2, |
||
244 | curveSegments: 2, |
||
245 | font: "cmutypewriter_regular" |
||
246 | } |
||
247 | ); |
||
248 | text3d.computeBoundingBox(); |
||
249 | centerOffset = -0.5 * ( |
||
250 | text3d.boundingBox.max.x - |
||
251 | text3d.boundingBox.min.x |
||
252 | ); |
||
253 | textMaterial = new THREE.MeshBasicMaterial( |
||
254 | { |
||
255 | color: 0xa60000, |
||
256 | overdraw: 0.5 |
||
257 | } |
||
258 | ); |
||
259 | text = new THREE.Mesh(text3d, textMaterial); |
||
260 | text.position.x = plotBounds.maxx/2 - centerOffset / 4; |
||
261 | text.position.y = plotBounds.miny/2 + centerOffset / 8; |
||
262 | text.position.z = plotBounds.minz/2; |
||
263 | scatterPlot.add(text); |
||
264 | |||
265 | text3d = new THREE.TextGeometry( |
||
266 | csv.header[2] + |
||
267 | " " + |
||
268 | "(" + |
||
269 | dataBounds.maxz + |
||
270 | "m)", |
||
271 | { |
||
272 | size: 8, |
||
273 | height: 2, |
||
274 | curveSegments: 2, |
||
275 | font: "cmutypewriter_regular" |
||
276 | } |
||
277 | ); |
||
278 | text3d.computeBoundingBox(); |
||
279 | centerOffset = -0.5 * ( |
||
280 | text3d.boundingBox.max.x - |
||
281 | text3d.boundingBox.min.x |
||
282 | ); |
||
283 | textMaterial = new THREE.MeshBasicMaterial( |
||
284 | { |
||
285 | color: 0x0000a6, |
||
286 | overdraw: 0.5 |
||
287 | } |
||
288 | ); |
||
289 | text = new THREE.Mesh( text3d, textMaterial ); |
||
290 | text.position.x = plotBounds.minx/2 + centerOffset; |
||
291 | text.position.y = plotBounds.maxy/2 - centerOffset / 4; |
||
292 | text.position.z = plotBounds.minz/2; |
||
293 | scatterPlot.add(text); |
||
294 | |||
295 | text3d = new THREE.TextGeometry( |
||
296 | csv.header[1] + |
||
297 | " " + |
||
298 | "(" + |
||
299 | dataBounds.maxy + |
||
300 | "m)", |
||
301 | { |
||
302 | size: 8, |
||
303 | height: 2, |
||
304 | curveSegments: 2, |
||
305 | font: "cmutypewriter_regular" |
||
306 | } |
||
307 | ); |
||
308 | text3d.computeBoundingBox(); |
||
309 | centerOffset = -0.5 * ( |
||
310 | text3d.boundingBox.max.x - |
||
311 | text3d.boundingBox.min.x |
||
312 | ); |
||
313 | textMaterial = new THREE.MeshBasicMaterial( |
||
314 | { |
||
315 | color: 0x00a600, |
||
316 | overdraw: 0.5 |
||
317 | } |
||
318 | ); |
||
319 | text = new THREE.Mesh(text3d, textMaterial); |
||
320 | text.position.x = plotBounds.minx/2 + centerOffset; |
||
321 | text.position.y = plotBounds.miny/2; |
||
322 | text.position.z = plotBounds.maxz/2 - centerOffset / 4; |
||
323 | scatterPlot.add(text); |
||
324 | |||
325 | /* Add enclosing case. */ |
||
326 | var enclosingCubeGeometry = enclosingCase(plotBounds.maxx); |
||
327 | enclosingCubeGeometry.computeLineDistances(); |
||
328 | var enclosingCube = |
||
329 | new THREE.Line( |
||
330 | enclosingCubeGeometry, |
||
331 | new THREE.LineDashedMaterial( |
||
332 | { |
||
333 | color: 0xa6a6a6, |
||
334 | dashSize: 3, |
||
335 | gapSize: 1, |
||
336 | linewidth: 2 |
||
337 | } |
||
338 | ), |
||
339 | THREE.LinePieces |
||
340 | ); |
||
341 | scene.add(enclosingCube); |
||
342 | |||
343 | // renderer |
||
344 | renderer = new THREE.WebGLRenderer( |
||
345 | { |
||
346 | antialias: true |
||
347 | } |
||
348 | ); |
||
349 | renderer.setClearColor(0x1d475f, 1.0); |
||
350 | renderer.setPixelRatio(window.devicePixelRatio); |
||
351 | renderer.setSize(window.innerWidth, window.innerHeight); |
||
352 | |||
353 | container = document.getElementById( 'container' ); |
||
354 | container.appendChild( renderer.domElement ); |
||
355 | |||
356 | window.addEventListener('resize', onWindowResize, false ); |
||
357 | |||
358 | render(); |
||
359 | |||
360 | getAvatars(); |
||
361 | getMapTexture(); |
||
362 | getMapHeight(); |
||
363 | getMapTerrain(); |
||
364 | } |
||
365 | |||
366 | function onWindowResize() { |
||
367 | |||
368 | camera.aspect = window.innerWidth / window.innerHeight; |
||
369 | camera.updateProjectionMatrix(); |
||
370 | renderer.setSize( window.innerWidth, window.innerHeight ); |
||
371 | //controls.handleResize(); |
||
372 | render(); |
||
373 | } |
||
374 | |||
375 | function animate() { |
||
376 | requestAnimationFrame(animate); |
||
377 | controls.update(); |
||
378 | } |
||
379 | |||
380 | function render() { |
||
381 | renderer.render(scene,camera); |
||
382 | } |
||
383 | |||
384 | function enclosingCase(size) { |
||
385 | var h = size * 0.5; |
||
386 | var geometry = new THREE.Geometry(); |
||
387 | geometry.vertices.push( |
||
388 | // Oz |
||
389 | //new THREE.Vector3( -h, -h, -h ), |
||
390 | //new THREE.Vector3( -h, h, -h ), |
||
391 | |||
392 | new THREE.Vector3( -h, h, -h ), |
||
393 | new THREE.Vector3( h, h, -h ), |
||
394 | |||
395 | new THREE.Vector3( h, h, -h ), |
||
396 | new THREE.Vector3( h, -h, -h ), |
||
397 | |||
398 | // Ox |
||
399 | //new THREE.Vector3( h, -h, -h ), |
||
400 | //new THREE.Vector3( -h, -h, -h ), |
||
401 | |||
402 | new THREE.Vector3( -h, -h, h ), |
||
403 | new THREE.Vector3( -h, h, h ), |
||
404 | |||
405 | new THREE.Vector3( -h, h, h ), |
||
406 | new THREE.Vector3( h, h, h ), |
||
407 | |||
408 | new THREE.Vector3( h, h, h ), |
||
409 | new THREE.Vector3( h, -h, h ), |
||
410 | |||
411 | new THREE.Vector3( h, -h, h ), |
||
412 | new THREE.Vector3( -h, -h, h ), |
||
413 | |||
414 | // Oy |
||
415 | //new THREE.Vector3( -h, -h, -h ), |
||
416 | //new THREE.Vector3( -h, -h, h ), |
||
417 | |||
418 | new THREE.Vector3( -h, h, -h ), |
||
419 | new THREE.Vector3( -h, h, h ), |
||
420 | |||
421 | new THREE.Vector3( h, h, -h ), |
||
422 | new THREE.Vector3( h, h, h ), |
||
423 | |||
424 | new THREE.Vector3( h, -h, -h ), |
||
425 | new THREE.Vector3( h, -h, h ) |
||
426 | ); |
||
427 | return geometry; |
||
428 | } |
||
429 | |||
430 | function makeTextSprite(message, parameters) { |
||
431 | if ( parameters === undefined ) parameters = {}; |
||
432 | |||
433 | var fontface = parameters.hasOwnProperty("fontface") ? |
||
434 | parameters["fontface"] : |
||
435 | "Computer Modern Typewriter"; |
||
436 | |||
437 | var fontsize = parameters.hasOwnProperty("fontsize") ? |
||
438 | parameters["fontsize"] : |
||
439 | 18; |
||
440 | |||
441 | var borderThickness = |
||
442 | parameters.hasOwnProperty("borderThickness") ? |
||
443 | parameters["borderThickness"] : |
||
444 | 4; |
||
445 | |||
446 | var borderColor = |
||
447 | parameters.hasOwnProperty("borderColor") ? |
||
448 | parameters["borderColor"] : |
||
449 | { r:0, g:0, b:0, a:1.0 }; |
||
450 | |||
451 | var backgroundColor = |
||
452 | parameters.hasOwnProperty("backgroundColor") ? |
||
453 | parameters["backgroundColor"] : |
||
454 | { r:255, g:255, b:255, a:1.0 }; |
||
455 | |||
456 | var canvas = document.createElement('canvas'); |
||
457 | canvas.width = 162; |
||
458 | canvas.height = 64; |
||
459 | var context = canvas.getContext('2d'); |
||
460 | context.font = "Bold " + fontsize + "px " + fontface; |
||
461 | context.imageSmoothingEnabled = true; |
||
462 | |||
463 | // determine the longest line |
||
464 | var textLines = message.split("\n"); |
||
465 | var longestLine = textLines[0].length; |
||
466 | var longestIndex = 0; |
||
467 | for(var i = 1; i <textLines.length; ++i) { |
||
468 | if(textLines[i].length > longestLine) { |
||
469 | longestLine = textLines[i].length; |
||
470 | longestIndex = i; |
||
471 | } |
||
472 | } |
||
473 | |||
474 | // get size data (height depends only on font size) |
||
475 | var metrics = context.measureText(textLines[longestIndex]); |
||
476 | var textWidth = metrics.width; |
||
477 | |||
478 | // background color |
||
479 | context.fillStyle = |
||
480 | "rgba(" + |
||
481 | backgroundColor.r + |
||
482 | "," + |
||
483 | backgroundColor.g + |
||
484 | "," + |
||
485 | backgroundColor.b + |
||
486 | "," + |
||
487 | backgroundColor.a + |
||
488 | ")"; |
||
489 | // border color |
||
490 | context.strokeStyle = |
||
491 | "rgba(" + |
||
492 | borderColor.r + |
||
493 | "," + |
||
494 | borderColor.g + |
||
495 | "," + |
||
496 | borderColor.b + |
||
497 | "," + |
||
498 | borderColor.a + |
||
499 | ")"; |
||
500 | |||
501 | context.lineWidth = borderThickness; |
||
502 | roundRect( |
||
503 | context, |
||
504 | borderThickness/2, |
||
505 | borderThickness/2, |
||
506 | textWidth + borderThickness, |
||
507 | // 1.2 is extra height factor for text below baseline |
||
508 | textLines.length * fontsize * 1.2 + borderThickness, |
||
509 | 6 |
||
510 | ); |
||
511 | |||
512 | // add the text color |
||
513 | context.fillStyle = |
||
514 | "rgba(" + |
||
515 | borderColor.r + |
||
516 | "," + |
||
517 | borderColor.g + |
||
518 | "," + |
||
519 | borderColor.b + |
||
520 | "," + |
||
521 | borderColor.a + |
||
522 | ")"; |
||
523 | |||
524 | // add all the requested lines whist increasing lines |
||
525 | for(var i = 0; i< textLines.length; ++ i) { |
||
526 | context.fillText( |
||
527 | textLines[i], |
||
528 | borderThickness, |
||
529 | fontsize |
||
530 | ); |
||
531 | fontsize += fontsize; |
||
532 | } |
||
533 | |||
534 | // canvas contents will be used for a texture |
||
535 | var spriteTexture = new THREE.Texture(canvas, |
||
536 | THREE.UVMapping, // mapping |
||
537 | THREE.ClampToEdgeWrapping, // wrapS |
||
538 | THREE.ClampToEdgeWrapping, // wrapT |
||
539 | THREE.NearestFilter, // magfilter |
||
540 | THREE.NearestFilter, //minfilter, |
||
541 | THREE.RGBAFormat, // format |
||
542 | THREE.UnsignedByteType // type |
||
543 | ) |
||
544 | spriteTexture.anisotropy = renderer.getMaxAnisotropy(); |
||
545 | spriteTexture.needsUpdate = true; |
||
546 | var spriteMaterial = new THREE.SpriteMaterial( |
||
547 | { |
||
548 | map: spriteTexture, |
||
549 | useScreenCoordinates: false, |
||
550 | overdraw: false, |
||
551 | side:THREE.DoubleSide |
||
552 | } |
||
553 | ); |
||
554 | var sprite = new THREE.Sprite(spriteMaterial); |
||
555 | sprite.scale.set(64,32, 1.0); |
||
556 | return sprite; |
||
557 | } |
||
558 | |||
559 | // function for drawing rounded rectangles |
||
560 | function roundRect(ctx, x, y, w, h, r) |
||
561 | { |
||
562 | ctx.beginPath(); |
||
563 | ctx.moveTo(x+r, y); |
||
564 | ctx.lineTo(x+w-r, y); |
||
565 | ctx.quadraticCurveTo(x+w, y, x+w, y+r); |
||
566 | ctx.lineTo(x+w, y+h-r); |
||
567 | ctx.quadraticCurveTo(x+w, y+h, x+w-r, y+h); |
||
568 | ctx.lineTo(x+r, y+h); |
||
569 | ctx.quadraticCurveTo(x, y+h, x, y+h-r); |
||
570 | ctx.lineTo(x, y+r); |
||
571 | ctx.quadraticCurveTo(x, y, x+r, y); |
||
572 | ctx.closePath(); |
||
573 | ctx.fill(); |
||
574 | ctx.stroke(); |
||
575 | } |
||
13 | eva | 576 | |
2 | eva | 577 | /*************************************************************************/ |
578 | /* Copyright (C) 2015 Wizardry and Steamworks - License: GNU GPLv3 */ |
||
579 | /*************************************************************************/ |
||
580 | function wasMapValueToRange(value, xMin, xMax, yMin, yMax) { |
||
581 | return yMin + ( |
||
582 | ( yMax - yMin ) * ( value - xMin ) / ( xMax - xMin ) |
||
583 | ); |
||
584 | } |
||
585 | |||
586 | function updatePoints() { |
||
587 | /* Remove points. */ |
||
588 | scatterPlot.remove(points); |
||
589 | /* Remove labels. */ |
||
590 | for(i=0; i |
||
591 |
|
||
592 |
|
||
593 |
|
||
594 |
|
||
595 |
|
||
596 |
|
||
597 | |||
598 |
|
||
599 |
|
||
600 |
|
||
601 | |||
602 |
|
||
603 |
|
||
604 |
|
||
605 |
|
||
606 |
|
||
607 |
|
||
608 |
|
||
609 |
|
||
610 |
|
||
611 |
|
||
612 |
|
||
613 |
|
||
614 |
|
||
615 |
|
||
616 |
|
||
617 |
|
||
618 |
|
||
619 |
|
||
620 |
|
||
621 |
|
||
622 |
|
||
623 |
|
||
624 |
|
||
625 |
|
||
626 |
|
||
627 |
|
||
628 |
|
||
629 |
|
||
630 |
|
||
631 | |||
632 |
|
||
633 |
|
||
634 |
|
||
635 |
|
||
636 |
|
||
637 |
|
||
638 |
|
||
639 |
|
||
640 | |||
641 |
|
||
642 |
|
||
643 |
|
||
644 |
|
||
645 |
|
||
646 |
|
||
647 |
|
||
648 | |||
649 |
|
||
650 |
|
||
651 |
|
||
652 |
|
||
653 |
|
||
654 |
|
||
655 |
|
||
656 |
|
||
657 |
|
||
658 |
|
||
659 |
|
||
660 |
|
||
661 |
|
||
662 |
|
||
663 |
|
||
664 |
|
||
665 |
|
||
666 |
|
||
667 |
|
||
668 |
|
||
669 |
|
||
670 |
|
||
671 |
|
||
672 |
|
||
673 |
|
||
674 |
|
||
675 |
|
||
676 |
|
||
677 |
|
||
678 |
|
||
679 |
|
||
680 | |||
681 |
|
||
682 |
|
||
683 |
|
||
684 |
|
||
685 |
|
||
686 |
|
||
687 |
|
||
688 |
|
||
689 |
|
||
690 |
|
||
691 |
|
||
692 |
|
||
693 |
|
||
694 |
|
||
695 |
|
||
696 |
|
||
697 |
|
||
698 |
|
||
699 |
|
||
700 |
|
||
701 |
|
||
702 |
|
||
703 |
|
||
704 |
|
||
705 |
|
||
706 |
|
||
707 |
|
||
708 |
|
||
709 |
|
||
710 |
|
||
711 |
|
||
712 |
|
||
713 |
|
||
714 |
|
||
715 |
|
||
716 |
|
||
717 |
|
||
718 |
|
||
719 |
|
||
720 |
|
||
721 |
|
||
722 |
|
||
723 |
|
||
724 |
|
||
725 |
|
||
726 |
|
||
727 |
|
||
728 |
|
||
729 | |||
730 |
|
||
731 |
|
||
732 |
|
||
733 | |||
734 |
|
||
735 |
|
||
736 | |||
737 |
|
||
738 |
|
||
739 |
|
||
740 |
|
||
741 |
|
||
742 |
|
||
743 |
|
||
744 |
|
||
745 |
|
||
746 |
|
||
747 |
|
||
748 |
|
||
749 |
|
||
750 |
|
||
751 |
|
||
752 |
|
||
753 |
|
||
754 |
|
||
755 |
|
||
756 |
|
||
757 |
|
||
758 |
|
||
759 |
|
||
760 |
|
||
761 | |||
762 |
|
||
763 |
|
||
764 | |||
765 |
|
||
766 |
|
||
767 |
|
||
768 |
|
||
769 |
|
||
770 |
|
||
771 |
|
||
772 |
|
||
773 |
|
||
774 |
|
||
775 |
|
||
776 | |||
777 |
|
||
778 |
|
||
779 |
|
||
780 |
|
||
781 |
|
||
782 | |||
783 |
|
||
784 |
|
||
785 |
|
||
786 |
|
||
787 |
|
||
788 |
|
||
789 |
|
||
790 |
|
||
791 |
|
||
792 |
|
||
793 |
|
||
794 |
|
||
795 |
|
||
796 |
|
||
797 |
|
||
798 | |||
799 |
|
||
800 |
|
||
801 |
|
||
802 |
|
||
803 |
|
||
804 |
|
||
805 |
|
||
806 |
|
||
807 |
|
||
808 |
|
||
809 |
|
||
810 |
|
||
811 |
|
||
812 |
|
||
813 |
|
||
814 | |||
815 |
|
||
816 |
|
||
817 |
|
||
818 |
|
||
819 |
|
||
820 |
|
||
821 | |||
822 |
|
||
823 |
|
||
824 |
|
||
825 |
|
||
826 |
|
||
827 |
|
||
828 |
|
||
829 |
|
||
830 |
|
||
831 |
|
||
832 | |||
833 |
|
||
834 |
|
||
835 |
|
||
836 |
|
||
837 |
|
||
838 |
|
||
839 |
|
||
840 |
|
||
841 |
|
||
842 |
|
||
843 |
|
||
844 |
|
||
845 |
|
||
846 |
|
||
847 |
|
||
848 |
|
||
849 |
|
||
850 |
|
||
851 |
|
||
852 |
|
||
853 |
|
||
854 |
|
||
855 |
|
||
856 |
|
||
857 |
|
||
858 | |||
859 |
|
||
860 |
|
||
861 |
|
||
862 |
|
||
863 |
|
||
864 |
|
||
865 |
|
||
866 |
|
||
867 |
|
||
868 |
|
||
869 |
|
||
870 |
|
||
871 |
|
||
872 |
|
||
873 |
|
||
874 |
|
||
875 |
|
||
876 |
|
||
877 |
|
||
878 |
|
||
879 |
|
||
880 |
|
||
881 |
|
||
882 |
|
||
883 |
|
||
884 | |||
885 |
|
||
886 |
|
||
887 |
|
||
888 |
|
||
889 |
|
||
890 |
|
||
891 |
|
||
892 |
|
||
893 |
|
||
894 |
|
||
895 |
|
||
896 |
|
||
897 |
|
||
898 |
|
||
899 |
|
||
900 |
|
||
901 |
|
||
902 |
|
||
903 |
|
||
904 |
|
||
905 |
|
||
906 |
|
||
907 |
|
||
908 |
|
||
909 |
|
||
910 | |||
911 |
|
||
912 |
|
||
913 |
|
||
914 |
|
||
915 |
|
||
916 |
|
||
917 |
|
||
918 |
|
||
919 |
|
||
920 |
|
||
921 |
|
||
922 |
|
||
923 |
|
||
924 |
|
||
925 |
|
||
926 |
|
||
927 |
|
||
928 |
|
||
929 |
|
||
930 |
|
||
931 |
|
||
932 |
|
||
933 |
|
||
934 |
|
||
935 |
|
||
936 | |||
937 |
|
||
938 | |||
939 |
|
||
940 |
|