This repository has been archived by the owner on Mar 22, 2018. It is now read-only.
forked from khotchkiss13/khotchkiss13.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
extensions.html
114 lines (108 loc) · 7.83 KB
/
extensions.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
<!doctype html>
<html lang="en"; style="overflow-y: hidden">
<head>
<meta charset="utf-8">
<title>SNAP! (Build Your Own Blocks)</title>
<meta name="description" content="SNAP! Extensions">
<meta name="author" content="Kyle Hotchkiss">
<link rel="stylesheet" href="css/styles.css">
<link rel="shortcut icon" href="images/Alonzo-favicon.ico">
<script type='text/javascript', scr='https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'></script>
</head>
<body>
<div id="menu">
<div id="menuitems">
<ul style="width: 734px; float: right">
<li><a href="https://snap.berkeley.edu/run" target="_blank">Run</a></li>
<li class="active"><a href="extensions.html">Extensions</a></li>
<li><a href="about.html">About Snap!</a></li>
</ul>
<ul style="width: 116px">
<li style="float: left; height: 42px; width: 116px"><a class ='logo' href="index.html" style="top: 0px; height: 16px; width: 66px"><img src="images/snaplogo.png" alt="Snap!" style="margin-top: -10px; height: 35px; width: auto;"></a></li>
</ul>
</div>
</div>
<table id="extensionmenu">
<tr>
<td rowspan="1" class="logo"><a href="extensions.html#sphero"><img src="images/sphero.png" alt="Sphero" style="width: 250px; height: auto; display: inline-block; margin-right: auto; margin-left: auto;"></a></td>
<td class="logo"><a href="extensions.html#lego"><img src="images/lego.png" alt="Lego" style="width: 250px; height: auto; display: inline-block; margin-right: auto; margin-left: auto"></a></td>
<td class="logo"><a href="extensions.html#wii"><img src="images/nintendo.png" alt="Nintendo" style="width: 250px; height: auto; display: inline-block; margin-right: auto; margin-left: auto"></a></td>
</tr>
<tr>
<td rowspan="1" class="logo"><a href="extensions.html#parallax"><img src="images/parallax.jpg" alt="Parallax Inc." style="width: 250px; height: auto; display: inline-block; margin-right: auto; margin-left: auto;"></a></td>
<td class="logo"><a href="extensions.html#leap"><img src="images/leap.png" alt="Leap Motion" style="width: 250px; height: auto; display: inline-block; margin-right: auto; margin-left: auto"></a></td>
<td class="logo"><a href="extensions.html#hummingbird"><img src="images/hummingbird.png" alt="Hummingbird" style="width: 250px; height: auto; display: inline-block; margin-right: auto; margin-left: auto"></a></td>
</tr>
<tr>
<td rowspan="1" class="text"><a href="extensions.html#speech">Speech Synthesis</a></td>
<td class="text"><a href="extensions.html#arduino1">Arduino Package 1</a></td>
<td class="text"><a href="extensions.html#arduino2">Arduino Package 2</a></td>
</tr>
</table>
<div id="extensions">
<a name="sphero"></a>
<hr>
<img src="images/sphero.png" alt="Sphero" style="display: block; margin-right: auto; margin-left: auto; margin-top: 200px">
<h2 style="margin-bottom: 100px;">Created by Conner Hudson and Dan Garcia, the Orbotix Sphero extension allows for for users to program their Sphero using Snap! Follow the instructions <a href="https://docs.google.com/document/d/11wR53OTnofRtTtxZCmxnCUjIlFQjnGewM21A0vmjtFw/edit?usp=sharing">here</a> to start!</h2>
<div id="back">
<h2 style="margin-bottom: 2000px;"><a href="extensions.html">Back to Extensions</a></h2>
</div>
<a name="lego"></a>
<hr>
<img src="images/lego.png" alt="Lego NXT" style="width: 751px; height: auto; display: block; margin-right: auto; margin-left:auto; margin-top: 200px">
<h2 style="margin-bottom: 100px;">The Lego NXT Package created by Conner Hudson is a block module and local server for Snap to interface with the Mindstorms NXT. Check out the GitHub repository <a href="https://github.com/technoboy10/snap-nxt">here</a> to get started!</h2>
<div id="back">
<h2 style="margin-bottom: 2000px;"><a href="extensions.html">Back to Extensions</a></h2>
</div>
<a name="wii"></a>
<hr>
<img src="images/nintendo.png" alt="Nintendo" style="width: 751px; height: auto; display: block; margin-right: auto; margin-left: auto; margin-top: 200px">
<h2 style="margin-bottom: 100px;">The Nintendo Wiimote Package developed by Connor Hudson allows users to use the motion controller from the very popular Nintendo Wii video game console as an input device for Snap! To begin using this, check out the GitHub repository <a href="https://github.com/technoboy10/wiisnap">here</a>!</h2>
<div id="back">
<h2 style="margin-bottom: 2000px;"><a href="extensions.html">Back to Extensions</a></h2>
</div>
<a name="parallax"></a>
<hr>
<img src="images/parallax.jpg" alt="Parallax Inc." Style="width: 751px; height: auto; display: block; margin-right: auto; margin-left: auto; margin-top: 200px">
<h2 style="margin-bottom: 85px;">The Parallax S2 robot package by Connor Hudson allows for users to program the Scribbler 2 robot by using Snap! Check out the GitHub Repository <a href="https://github.com/blockext/s2">here</a> to get started!</h2>
<div id="back">
<h2 style="margin-bottom: 2000px;"><a href="extensions.html">Back to Extensions</a></h2>
</div>
<a name="leap"></a>
<hr>
<img src="images/leap.png" alt="Leap Motion" style="width: 751px; height:auto; display: block; margin-right: auto; margin-left: auto; margin-top: 200px">
<h2 style="margin-bottom: 50px;">With the LEAP Motion extension developed by Connor Hudson, users can now utilize the impressive LEAP Motion motion detection as an input device in Snap! Check out the GitHub repository <a href="https://github.com/technoboy10/snapmotion">here</a> to start!</h2>
<div id="back">
<h2 style="margin-bottom: 2000px;"><a href="extensions.html">Back to Extensions</a></h2>
</div>
<a name="hummingbird"></a>
<hr>
<img src="images/hummingbird.png" alt="Hummingbird Robotics" style="display: block; margin-right: auto; margin-left: auto; margin-top: 200px">
<h2 style="margin-bottom: 100px;">The Finch and Hummingbird Robotics Package for Snap! created by Tom Lauwers allows for users to use Snap! to program the Finch Robot and Hummingbird Arduino using specialized blocks made just for these devices. Check out how to start working <a href="http://www.hummingbirdkit.com/learning/software/snap">here</a> at the Hummingbird kit website!</h2>
<div id="back">
<h2 style="margin-bottom: 2000px;"><a href="extensions.html">Back to Extensions</a></h2>
</div>
<a name="speech"></a>
<hr>
<h3 style="margin-top: 200px">Speech Synthesis</h3>
<h2 style="margin-bottom: 100px;">With his Speech Synthesis package, Connor Hudson has given Snap! the ability to talk back to its users! Check out the GitHub repository <a href="https://github.com/technoboy10/snap2speech">here</a> to enable this extension!</h2>
<div id="back">
<h2 style="margin-bottom: 2000px;"><a href="extensions.html">Back to Extensions</a></h2>
</div>
<a name="arduino1"></a>
<hr>
<h3 style="margin-top: 200px">Arduino Package 1</h3>
<h2 style="margin-bottom: 100px;">With this Arduino Package by Alan Yorinks, users can now program Arduinos by using Snap!, allowing for an arduino user to never have to write a bit of Arduino sketch code! Check out the GitHub repository <a href="https://github.com/MrYsLab/s2a_fm">here</a> to get started!</h2>
<div id="back">
<h2 style="margin-bottom: 2000px;"><a href="extensions.html">Back to Extensions</a></h2>
</div>
<a name="arduino2"></a>
<hr>
<h3 style="margin-top: 200px">Arduino Package 2</h3>
<h2 style="margin-bottom: 100px;">With this Arduino Package developed by Bernat Romagosa and Citilab, users are greeted with a modified version of Snap! that is made specifically for use with Arduino microcontrollers! Find out more <a href="http://s4a.cat/snap/">here</a> to get started!</h2>
<div id="back">
<h2 style="margin-bottom: 2000px;"><a href="extensions.html">Back to Extensions</a></h2>
</div>
</div>
</body>
</html>