-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
111 lines (100 loc) · 5.09 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Periodic Table Sandbox - Table of contents</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="shared/css/vendor/normalize.css">
<link rel="stylesheet" href="shared/css/base.css">
<style type="text/css">
body {
font-size: 18px;
}
a {
font-weight: bold;
}
li {
margin-bottom: 1rem;
}
ol li ol {
list-style-type: lower-alpha;
margin-top: 1rem;
}
li em {
color: #444;
}
</style>
</head>
<body>
<div class="container" role="main">
<h1>Periodic Table Sandbox</h1>
<p>
An internal website showing prototypes and works-in-progress related to the Periodic Table
Interactive Media Installation in the Hall of Gems and Minerals. You can view <a href="https://github.com/amnh-sciviz/pt-sandbox">source code here</a> and <a href="https://github.com/amnh-sciviz/pt-sandbox/wiki">documentation here</a>.
</p>
<h2>Interaction tests</h2>
<p>These are interactive mock-ups that demonstrate a specific concept, idea, and/or interaction. These are not necessarily fully-realized experiences. These are listed chronologically starting with most recent.</p>
<ol>
<li>
<a href="timeline/">Mock-up of table with elements discovered over time</a> <em>(2020-09-09)</em> - use slider on bottom move forward/backward in time
</li>
<li>
<a href="wall/">Wall mock-up with formula hints</a> <em>(2020-09-03)</em> - hover over minerals to see formulas
</li>
<li>
<a href="unity/0.0.6/">Build and break 5 minerals</a> <em>(2020-08-06)</em> - with a recipe card + attract loop animation
</li>
<li>
<a href="unity/0.0.5/">Build and break a silicate, halide, and carbonate</a> <em>(2020-06-16)</em> - Now with calcite
</li>
<li>
<a href="unity/0.0.4/">Build and break a silicate and halide</a> <em>(2020-05-20)</em> - Now with new assets with better shading/structures + smaller PT + initial explosion
</li>
<li>
<a href="unity/0.0.3/">Build and break a silicate and halide</a> <em>(2020-03-18)</em> - Similar to previous version, but with highlighting charges and key
</li>
<li>
<a href="unity/0.0.2/">Build and break a carbonate v2</a> <em>(2020-02-01)</em> - Same as previous version, but with accurate sizes and attraction/repulsion behavior
</li>
<li>
<a href="unity/0.0.1/">Build and break a carbonate v1</a> <em>(2020-01-08)</em> - Includes highlighting the periodic table and attraction animations. Built using Unity
</li>
<li>
<a href="template/">Build a mineral from a template</a> <em>(2019-09-27)</em> - Select a mineral to begin with and build using a "ghosted" completed version as a template
</li>
<li>
<a href="three-d/">Tetrahedral structure</a> <em>(2019-09-06)</em> - Visual and interaction tests for 3D stuctures. <a href="three-d/molecules.html">Alternative version</a> where you add each individual atom.
</li>
<li>
<a href="formulas/">Basic molecule interaction with formulas</a> <em>(2019-08-06)</em> - Same as previous interaction, but with the addition of formulas and animated bonds.
</li>
<li>
<a href="molecules/">Basic molecule interaction</a> <em>(2019-07-24)</em> - Demonstration of simply combining atoms into molecules, highlighting the electrons. Feedback and takeaways:
<ol>
<li>Somehow visualize the steps of the bonding process more slowly (e.g. by "instant-replay")</li>
<li>Focus on chemical formulas (not structure); somehow show progress as you fill out a chemical formula (e.g. SO<sub>2</sub>)</li>
<li>Try out adding layers of content that can be accessed by double-tapping</li>
<li>Covalent bonds should be represented by an electron shared between the two outer shells</li>
</ol>
</li>
<li>
<a href="make-break/">Make or break</a> <em>(2019-06-18)</em> - Combine elements into minerals, break apart minerals into elements. Feedback and takeaways:
<ol>
<li>Would like to represent electrons and chemical bonds more accurately</li>
<li>Using different environment contexts may not be in the scope of this experience.</li>
</ol>
</li>
<li><a href="table/">Periodic Table</a> <em>(2019-06-18)</em> - Interact with the periodic table</li>
</ol>
<h2>Utilities</h2>
<p>Used internally for testing hardware and software</p>
<ol>
<!-- <li><a href="three-d-io/">3D physics test</a> - Test 3d environment with multitouch</li> -->
<li><a href="physics/">Physics test</a> - Demonstrate physics-based interaction of multiple objects</li>
<li><a href="tuio/">TUIO/Multi-touch test</a> - A basic utility for testing/debugging multi-touch functionality on a TUIO device</li>
<li><a href="multitouch/">Multi-touch test</a> - A basic utility for testing/debugging multi-touch functionality on a touch-enabled device</li>
</ol>
</div>
</body>
</html>