/
index.html
194 lines (143 loc) · 5.75 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
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
<html><head>
<title>Hello SPIKE Experimental Projects</title>
<link rel="stylesheet" href="style.css" />
<style>
.header td {
padding: 10px;
vertical-align: top;
}
.interface {
width: 418px;
border: 1px solid gray;
}
.interface td {
text-align: center;
}
.details {
font-size: small;
}
</style>
</head>
<body>
<!-- WELCOME -->
<p><table class='header'>
<tr><td style="text-align: center; vertical-align: middle;">
<img src="./img/HelloSPIKE.png" width="100px" height="100px">
</td><td style="text-align: center; vertical-align: middle;">
<h1>Hello SPIKE</h1>
</table></p>
<p>A collection of experimental web-controlled SPIKE Prime projects.</p>
<h2>Project: Display Text</h2>
<blockquote>
<p><b>Description:</b> A simple demonstration of web-based remote control of the SPIKE Prime.</p>
<p><img src='./DisplayText/thumb_DisplayText.gif'></p>
<table class="interface">
<tr><th>Remote Interface</th><th>SPIKE Control Interface</th></tr>
<tr>
<td><a href="./DisplayText/index.html" target=_blank>Display Text</a></td>
<td>
<a href="./DisplayText/SPIKEControl.html" target=_blank>SPIKE Control</a>
<br><span class='details'>(no build necessary)</span>
</td>
</tr>
</table>
</blockquote>
<h2>Project: Motor Control Challenge</h2>
<blockquote>
<p><b>Description:</b> Change the motor speed to try and stop the pointer straight up!</p>
<p><img src='./MotorControl/thumb_MotorControl.png'></p>
<table class="interface">
<tr><th>Remote Interface</th><th>SPIKE Control Interface</th></tr>
<tr>
<td><a href="./MotorControl/index.html" target=_blank>Motor Control Challenge</a></td>
<td>
<a href="./MotorControl/SPIKEControl.html" target=_blank>SPIKE Control</a>
<br><span class='details'>(<a href='https://docs.google.com/presentation/d/1mJocURYhKTREILhA1RT9PZfyO_GbQvhapKy_znGw2YA/edit?usp=sharing' target=_blank>SPIKE build instructions</a>)</span>
</td>
</tr>
</table>
</blockquote>
<h2>Project: LED Matching Challenge</h2>
<blockquote>
<p><b>Description:</b> Toggle the SPIKE Prime LEDs to try and match the pattern!</p>
<p><img src='./LEDMatching/thumb_LEDMatching.png'></p>
<table class="interface">
<tr><th>Remote Interface</th><th>SPIKE Control Interface</th></tr>
<tr>
<td><a href="./LEDMatching/index.html" target=_blank>LED Matching Challenge</a></td>
<td>
<a href="./LEDMatching/SPIKEControl.html" target=_blank>SPIKE Control</a>
<br><span class='details'>(no build necessary)</span>
</td>
</tr>
</table>
</blockquote>
<h2>Project: Web IDE (Integrated Development Environment)</h2>
<blockquote>
<p><b>Description:</b> A browser-based Integrated Development Environment (IDE) for SPIKE Prime.</p>
<p><img src='./WebIDE/thumb_WebIDE.png'></p>
<table class="interface">
<tr><th>Remote Interface</th><th>SPIKE Control Interface</th></tr>
<tr>
<td><a href="./WebIDE/index.html" target=_blank>Browser-based Web IDE</a></td>
<td>
<a href="./WebIDE/SPIKEControl.html" target=_blank>SPIKE Control</a>
<br><span class='details'>(SPIKE build depends on code)</span>
</td>
</tr>
</table>
</blockquote>
<h2>Project: Marble Maze</h2>
<blockquote>
<p><b>Description:</b> Control the maze to navigate the marble to the finish.</p>
<p><img src='./MarbleMaze/thumb_MarbleMaze.png'></p>
<table class="interface">
<tr><th>Remote Interface</th><th>SPIKE Control Interface</th></tr>
<tr>
<td><a href="./MarbleMaze/index.html" target=_blank>Marble Maze Control</a></td>
<td>
<a href="./MarbleMaze/SPIKEControl.html" target=_blank>SPIKE Control</a>
<br><span class='details'>(requires access to Marble Maze build)</span>
</td>
</tr>
</table>
</blockquote>
<h2>Project: Two-Player Rock-Paper-Scissors</h2>
<blockquote>
<p><b>Description:</b> Two remote players, each with a SPIKE Prime, play Rock-Paper-Scissors.</p>
<p><img src='./RPS/thumb_RPS.png'></p>
<p><em>Note: this requires two SPIKE Primes</em></p>
<table class="interface">
<tr><th>Player 1 Interface</th><th>Player 2 Interface</th></tr>
<tr>
<td>
<a href="./RPS/player1.html" target=_blank>Player 1</a>
<br><span class='details'>(Motor: Port A, Force Sensor: Port B)</span>
</td>
<td>
<a href="./RPS/player2.html" target=_blank>Player 2</a>
<br><span class='details'>(Motor: Port A, Force Sensor: Port B)</span>
</td>
</tr>
</table>
</blockquote>
<h2><em>Coming Soon:</em> Draw My Face</h2>
<blockquote>
<p>A work in progress... Stay tuned!</p>
</blockquote>
<!-- footer -->
<hr />
<p>Project and Documentation created by Tufts Center for Engineering Education and Outreach:</p>
<p>
<a href="http://ceeo.tufts.edu" target=_blank><img src="./img/TuftsCEEO.png"></a>
<br><br>
For more information about Tufts CEEO, please visit: <a href="http://ceeo.tufts.edu" target=_blank>http://ceeo.tufts.edu</a>
</p>
<p>For other experimental projects from Tufts CEEO: <a href="http://ceeoinnovations.org" target=_blank>CEEO Innovations</a></p>
<hr />
<p style='font-size:small'>LEGO®, the LEGO® logo, the Brick, MINDSTORMS®, SPIKE™, and the Minifigure
are trademarks of ©The LEGO® Group. All other trademarks and copyrights
are the property of their respective owners. All rights reserved.</p>
<p style='font-size:small'>This page isn’t affiliated, authorized, or endorsed by The LEGO Group.</p>
</body>
</html>