-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
140 lines (140 loc) · 5.88 KB
/
index.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
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Seasons Visualizations using WebGL</title>
<link rel="stylesheet" href="stylesheets/test.css" type="text/css" />
</head>
<body>
<div id="main" class="page-content">
<h3 class="page-title namespace">
Seasons Visualizations using WebGL
</h3>
<p>
This page has links to demonstrations of Seasons Visualizations using WebGL.
</p>
<div class="clearfix"/></div>
<div class="section section-klass_methods">
<div class="section-content">
<h4>Seasons Visualizations</h4>
<ul class="method-details-list">
<li class="method-description">
<ul class="description-list-h">
<li class="description-list">1</li>
<li class="description-list"><a href="earth/seasons1-2.html">Investigate: Temperature Patterns Around the World</a></li>
</ul>
</li>
<li class="method-description">
<ul class="description-list-h">
<li class="description-list"> </li>
<li class="description-list"><a href="earth/seasons1-2-lite.html">Explore: Temperature Patterns Around the World</a></li>
</ul>
</li>
<li class="method-description">
<ul class="description-list-h">
<li class="description-list">2</li>
<li class="description-list"><a href="earth/seasons1-1.html">Investigate: Sun-Earth Distance and Shape of Earth's Orbit</a></li>
</ul>
</li>
<li class="method-description">
<ul class="description-list-h">
<li class="description-list">3</li>
<li class="description-list"><a href="earth/seasons1-3.html">Investigate: Tilt and Temperature Patterns</a></li>
</ul>
</li>
<li class="method-description">
<ul class="description-list-h">
<li class="description-list"> </li>
<li class="description-list"><a href="earth/seasons1-3-lite.html">Explore: Tilt and Temperature Patterns</a></li>
</ul>
</li>
<li class="method-description">
<ul class="description-list-h">
<li class="description-list">4</li>
<li class="description-list"><a href="earth/seasons1-4.html">Investigate: Tilt and Hours of Daylight</a></li>
</ul>
</li>
<li class="method-description">
<ul class="description-list-h">
<li class="description-list"> </li>
<li class="description-list"><a href="earth/seasons1-4-lite.html">Explore: Tilt and Hours of Daylight</a></li>
</ul>
</li>
</ul>
</div>
<div class="section-content">
<h4>Prototypes</h4>
<ul class="method-details-list">
<li class="method-description">
<a href="earth/seasons-explorer.html">Seasons Explorer</a>
</li>
<li class="method-description">
<a href="earth/seasons-explorer-lite.html">Seasons Explorer Lite</a>
</li>
<li class="method-description">
<a href="earth/index.html">Earth in Space</a>
</li>
<li class="method-description">
<a href="earth/seasons4.html">Investigating Earth’s tilt and hours of daylight</li>
</li>
<li class="method-description">
<a href="samples/spaceship.html">Spaceship</a>
</li>
</ul>
</div>
<div class="section-content">
<h4>Tests</h4>
<ul class="method-details-list">
<li class="method-description">
<a href="test-for-webgl.html">Test Browser for WebGL Capability</a>
</li>
<li class="method-description">
<a href="earth/two-earths-canvases.html">Two Earths</a>
</li>
<li class="method-description">
<a href="samples/texture-test.html">Texture problems at different scales</a>
</li>
<li class="method-description">
<a href="samples/line-width.html">Different line widths</a>
</li>
</ul>
</div>
<div class="section-content">
<h4>Data Tables</h4>
<ul class="method-details-list">
<li class="method-description">
<a href="earth/city-data.html">All cities, 4 seasons</a>
</li>
<li class="method-description">
<a href="earth/active-cities-data.html">Active cities, 4 seasons</a>
</li>
<li class="method-description">
<a href="earth/active-cities-solar-angle.html">Active cities, monthly solar angle</a>
</li>
</ul>
</div>
</div>
<h4>Getting a WebGL-enabled browser</h2>
<div id="getting-webgl">
<p>
You need a <a href='http://get.webgl.org/'>WebGL-enabled</a> browser to explore these visualizations.
Current releases of Chrome and FireFox include WebGL capability and have the feature enabled by default.
</p>
<p>
WebGL is also included in Safari v5.1.2 but is has to be enabled manually by first
enabling the <b>Develop</b> menu in the Advanced tab of the Preferences dialog and
then selecting <b>EnableWebGL</b>in the <b>Develop</b> menu.
</p>
<p>
Learn more about WebGL here: <a href='http://learningwebgl.com/blog/?p=11'>Learning WebGL</a>.
</p>
</div>
<p>
<a href="earth/credits.html">Credits</a> for the frameworks, data, and images used in these visualizations..
</p>
<p>
The source code for these demos can be found on <a href="https://github.com/stepheneb/seasons">github</a>.
</p>
</div>
</body>
</html>