-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
163 lines (149 loc) · 5.91 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
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
<!DOCTYPE HTML>
<!--
Template copyright and license:
Spatial by TEMPLATED
templated.co @templatedco
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-->
<html>
<head>
<title>Tangible Landscape</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<script src="js/jquery.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-layers.min.js"></script>
<script src="js/init.js"></script>
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css"
integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
crossorigin=""/>
<link href="css/map.css" rel="stylesheet" />
<script src="js/decode.js"></script>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
crossorigin="anonymous"></script>
<script src="https://unpkg.com/[email protected]/dist/leaflet.js"
integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA=="
crossorigin=""></script>
<script type="text/javascript" src="https://stamen-maps.a.ssl.fastly.net/js/tile.stamen.js"></script>
<script src="js/leaflet-providers.js"></script>
<link rel="shortcut icon" href="./images/tl_favicon.ico" />
<noscript>
<link rel="stylesheet" href="css/skel.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-xlarge.css" />
</noscript>
</head>
<body class="landing">
<!-- Header -->
<header id="header" class="alt">
<h1 class="shadow"><strong><a href="https://geospatial.ncsu.edu/geoforall">NCSU</strong><span style="color: #222"> GeoForAll Lab</span></a></h1>
<nav id="nav" class="shadow">
<ul>
<li><a href="index.html#concept">Concept</a></li>
<li><a href="applications.html">Applications</a></li>
<li><a href="support.html">Get-your-own</a></li>
<li><a href="build.html">Build-your-own</a></li>
<li><a href="publications.html">Publications</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<!-- Banner -->
<section id="banner">
<h2 class="shadow">Tangible Landscape</h2>
<p class="shadow">a tangible interface for geospatial modeling<br/><br/></p>
<!--<img height="150px" src="images/logo_black.png">-->
<!--<ul class="actions">
<li><a href="#" class="button special big">Get Started</a></li>
</ul>
-->
</section>
<!-- Concept -->
<section id="concept" class="wrapper style1">
<div class="container">
<div class="row 100%">
<div class="4u">
<div class="image fit captioned">
<img src="images/rendered_diagram_2.png" alt="" />
</div>
</div>
<div class="8u">
<h2>Concept</h2>
<p>
With Tangible Landscape you can hold
a model of a Landscape
in your hands, feeling the shape of the earth
and sculpting its topography.
When you sculpt new landforms
you change the flow of simulated digital water,
creating new streams and lakes.
You can plant forests by simply placing
pieces of colored felt
and immediately see 3D renderings
with the new trees.
Tangible Landscape is
an open source tangible interface
powered by GRASS GIS and Blender.
Tangible Landscape couples
a physical model with a digital model
of a landscape
so that you can naturally feel, reshape, and interact
with the landscape.
This makes geographic information systems (GIS)
and 3D modeling far more intuitive and accessible
for beginners, empowers geospatial experts,
and creates new exciting opportunities for developers -
like gaming with GIS.</p>
<h2 style="margin-top: 0.5em">How-it-works</h2>
<p>A real-time feedback cycle of interaction,
3D scanning, point cloud processing,
geospatial computation and projection,
and 3D modeling and 3D rendering.</p>
<h2 style="margin-top: 0.5em">Features</h2>
<p>
<ul>
<li>Collaborative</li>
<li>Tangible freeform modeling</li>
<li>Object detection & classification</li>
<li>Real-time geospatial analytics</li>
<li>Real-time 3D rendering</li>
<li>Time series</li>
<li>Virtual Reality</li>
</ul>
</p>
</div>
</div>
</div>
</section>
<!-- Webmap -->
<section class="wrapper style4">
<h2><a href="map.html">Tangible Landscape groups</a></h2>
<div>
<div id="map"></div>
<div id="sidebar" class="styled-scrollbar" style="display:none">
<div id="info"></div>
</div>
</div>
<p><a href="map.html">Full window map of Tangible Landscape groups</a></p>
<script src="js/webmap.js"></script>
</section>
<!-- Footer -->
<footer id="footer">
<div class="container">
<ul class="icons">
<li><a href="https://github.com/tangible-landscape/"><i class="fa fa-github fa-lg" aria-hidden="true"></i></a></li>
<li><a href="https://plus.google.com/b/112857255995703553144/112857255995703553144"><i class="fa fa-google-plus fa-lg" aria-hidden="true"></i></a></li>
<li><a href="https://www.youtube.com/channel/UCc37pVh-WE46Xkqeq-KZQsA"><i class="fa fa-youtube fa-lg" aria-hidden="true"></i></a></li>
</ul>
<ul class="copyright">
<li title="Copyright and license (not applicable to linked materials)">
<a href="https://creativecommons.org/licenses/by-sa/4.0/"><i class="fa fa-creative-commons" aria-hidden="true"></i> BY-SA</a> 2016
<a href="https://geospatial.ncsu.edu/geoforall/">NCSU GeoForAll Lab</a></li>
<li>Design: <a href="http://templated.co">TEMPLATED</a></li>
</ul>
</div>
</footer>
</body>
</html>