-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex-01.html
128 lines (84 loc) · 5.96 KB
/
index-01.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<!doctype html>
<html>
<head>
<title>data globes</title>
<meta charset='utf-8'>
</head>
<body>
<script src='http://mrdoob.github.com/three.js/build/three.min.js'></script>
<script>
var camera, scene, renderer;
var geometry, material, mesh;
init();
animate();
function init() {
document.body.style.cssText = 'font: 600 12pt monospace; max-width: 900px; margin: 0 auto; text-align: center';
var info = document.createElement( 'div' );
document.body.appendChild( info );
info.style.cssText = 'text-align: left;';
info.innerHTML='<h1>Data Globes</h1>' +
'<p><i>Non-trivial big-data visualization using spherical coordinates: is this possible?</i></p>' +
'<h2>Code, Wiki, links and More...</h2>' +
'<p><a href="https://github.com/jaanga/data-globes" >github.com/jaanga/data-globes</a></p><br>' +
'<h2><a href="http://fgx.github.com/data-globes/cookbook/j3que-fgx-r1/" >j3qUE FGx r1</a></h2>' +
'<p>A proposed user experience/interface for FGx Globe based on jQuery UI. ' +
'Includes the abilities to select a theme and to save all current settings as permalinks.</p>' +
'<h2><a href="http://fgx.github.com/data-globes/fgx-globe-r2-dev/" >FGX Globe R2 - dev</a></h2>' +
'<h3>2013-02-28</h3>' +
'<p>All global variables have been incoporated into the FGx name space. This was easier than anticipated ' +
'and offers unanticipated benefits in that with the addition of just a few keystrokes all variable values may be persused in the JavaScript console</p>' +
'<p>And a lot of other cool 3D/2D wormhole stuff was done as well...</p>' +
'<h3>2013-02-27</h3>' +
'<p>The beginning of an API via query string has been added. Currently you can set the intitial view by adjusting the default ' +
'camera latitude, longitude and radius. Other variables include being able to set the airplane scale, altitude scale, ' +
'refresh rate as well as controlling the rate of movement of your pointing device.</p>' +
'<p>The following are some URLs with query strings that you may try out:</p>' +
'<p><a href="./fgx-globe-r2-dev/index.html" target="_blank">Default - no query string</a></p>' +
'<p><a href="./fgx-globe-r2-dev/index.html?lat=37.5&lon=-122.2&rad=58&ps=0.5&dd=1&rr=3" target="_blank">SFO</a></p>' +
'<p><a href="./fgx-globe-r2-dev/index.html?lat=48&lon=7&rad=75&ps=0.5&dd=1&rr=8" target="_blank">Western Europe</a></p>' +
'<p><a href="./fgx-globe-r2-dev/index.html?lat=35.6&lon=139.7&rad=85&ps=5&dd=0.5&rr=8" target="_blank">Japan</a></p>' +
'<p><a href="./fgx-globe-r2-dev/index.html?lat=-33.8&lon=153&rad=85&ps=5&dd=0.5&rr=8" target="_blank">OZ/NZ</a></p>' +
'<p><a href="./fgx-globe-r2-dev/index.html?lat=-20&lon=-60&rad=120&ps=8&dd=0.2&rr=8" target="_blank">South America</a></p>' +
'<p>For further details please the ' +
'<a href="https://github.com/jaanga/data-globes/wiki/FGX-Globe-API-Documentation" target="_blank">FGX Globe API Documentation</a>.</p>' +
'<h3>2013-02-26</h3>' +
'<p>R2 code has been copied to a new folder - at the link provided above.</p>' +
'<p>Development work will continue from here. From time to time the code will be copied to the R2 or \'build\' folder.</p>' +
'<p>Progress for the day included re-jigging the placard and heads-up displays to follow Geoff\'s requests. ' +
'Thumbnail images of the planes (where available) are displayed in the heads-up.</p>' +
'<h2><a href="http://jaanga.github.com/data-globes/fgx-globe-r2/" >FGX Globe R2</a></h2>' +
'<p>2013-02-25 ~ Fixed bugs, added comments, streamlined the code and added new features. What more could you ask for?</p>' +
'<p>Some of the highlights of the release are that planes not being updated by CrossFeed are being \'mothballed\' and removed from the flight view. ' +
'The display now now tells you how many planes are currently flying and have flown in the current session. ' +
'There is a pretty new Equator indicator. ' +
'The skywriting feature is now back in operation. And, propellers are back where they should be - on the front of the plane. ' +
'</p>' +
'<h2><a href="http://jaanga.github.com/data-globes/fgx-globe-r1/fgx-globe-r1.html" >FGX Globe R1</a></h2>' +
'<p>2013-02-23 ~ This was the first release after being renamed and moved over from being <a href="http://jaanga.github.com/urdacha/globe-demos/globe04-lookat/globe04-lookat.html" >Data Globe #4</a> at ' +
'<a href="http://jaanga.github.com/urdacha/">Urdacha</a>. ' +
'<p>FGX Globe acquires data from <a href="http://www.fgx.ch/" target="_blank">FGX</a>, ' +
'a special effects group hosted in Switzerland. FGX builds add-ons for <a href="http://www.flightgear.org/">FlightGear</a> - the popular FOSS flight simulator. ' +
'FGX Globe talks to FGX\'s <a href="http://crossfeed.fgx.ch/data" target="_blank">Crossfeed</a> near real-time data feed which shows all the Internet-connected FlightGear planes currently in the air.</p>' +
'The release adds headings being updated, plane and alitutude scaling, North and South Poles, inactive planes being grayed as well as a number of code clean-ups. ' +
'</p>';
camera = new THREE.PerspectiveCamera( 75, 1, 1, 1000 );
camera.position.z = 350;
scene = new THREE.Scene();
geometry = new THREE.IcosahedronGeometry( 200, parseInt( Math.random() * 5 ) );
material = new THREE.MeshBasicMaterial( { color: 0xffffff * Math.random(), wireframe: true, wireframeLinewidth: parseInt( Math.random() * 8) } );
mesh = new THREE.Mesh( geometry, material );
scene.add( mesh );
renderer = new THREE.CanvasRenderer();
renderer.setSize( 300, 300 );
renderer.domElement.style.cssText = 'border: solid red 0px; right: 0; position: absolute; top: 0;';
document.body.appendChild( renderer.domElement );
}
function animate() {
requestAnimationFrame( animate );
mesh.rotation.x = Date.now() * 0.00002;
mesh.rotation.y = Date.now() * 0.0002;
renderer.render( scene, camera );
}
</script>
</body>
</html>