-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathProject_AstroTris.html
137 lines (121 loc) · 6.38 KB
/
Project_AstroTris.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
<!DOCTYPE HTML>
<html>
<head>
<title>Project: Tetris</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main_projects.css" />
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
<link rel="apple-touch-icon" sizes="180x180" href="assets/favicon_files/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicon_files/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/favicon_files/favicon-16x16.png">
<link rel="manifest" href="assets/favicon_files/site.webmanifest">
<link rel="mask-icon" href="assets/favicon_files/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header" class="alt">
<h1><a href="index.html">HOME</a></h1>
<nav>
<a href="#menu">Menu</a>
</nav>
</header>
</div>
<div>
<!-- Menu -->
<nav id="menu">
<div class="inner">
<h2>Menu</h2>
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="about_us.html">About Us</a></li>
<li><a href="workshops.html">Workshops</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="urc.html">URC 2019</a></li>
<li><a href="car.html">Autonomous Car</a></li>
<li><a href="achievements.html">Achievements</a></li>
<li><a href="sponsors.html">Sponsors</a></li>
<li><a href="#">Exit</a></li>
</ul>
<a href="#" class="close">Close</a>
</div>
</nav>
<!-- Banner -->
<section id="banner">
<div class="inner">
<!-- <div class="logo"><span class="icon fa-facebook"></span></div> -->
<img src="images/astra_logo_white.png" alt="Astra Icon" style="width:180px;height:150px;">
<h1 style="font-size:48px;">Astra Robotics</h1>
<h3 style="font-size:30px;">The robotics club of RVCE Bangalore</h3>
</div>
</section>
<section id="four" class="wrapper style3">
<div class="inner">
<h2 class="major">AstroTris</h2>
<p>We built a live Tetris game using individually addressable RGB LEDs i.e WS2811 (150 of them) and the Arduino Nano.</p>
<p>For the physical structure, we used a wooden plank with 150 drilled holes to place the LED.</p>
<p>It is powered by a 5V regulated DC power supply and the data was sent serially by the Arduino Nano. We have used a Bluetooth module to make it wireless.</p>
<p>An app was built using the MIT app inventor tool and designed in such a way that any command given in the app is serially sent to the BlueTooth module. Based on the data received, the Arduino responds accordingly and sends data serially to the WS2811 IC. Thus the blocks change accordingly in the display!</p>
<p>As a diffuser, we used a piece of white cloth and covered it. This will give it an appearance of blocked tiles moving on screen. As the rows get filled up it is popped from the screen and the blocks shift down. The score is displayed on the app.</p>
<p>The required code is linked below.</p>
<a href="https://github.com/Mnzs1701/LED_Matrix_Astra.git" class="special">Code</a>
<p>- Sriniketh S and Vinayak DB</p>
</div>
</section>
<section id="footer">
<div class="inner">
<h2 class="major">Get in touch</h2>
<p>We entertain requests regarding conduction of robotics workshops so as to reach as many budding Tech-enthusiasts as we possibly can! We also invite partnership proposals from industry stallwarts and tech startups alike.</p>
<a href="https://www.youtube.com/channel/UCKbeaYMw6fCF2u4iXOdOfJg" class="special">Youtube channel</a>
<form method="post" action="#">
<div class="field">
<label for="name">Name</label>
<input type="text" name="name" id="name" />
</div>
<div class="field">
<label for="email">Email</label>
<input type="email" name="email" id="email" />
</div>
<div class="field">
<label for="message">Message</label>
<textarea name="message" id="message" rows="4"></textarea>
</div>
<ul class="actions">
<li><input type="submit" value="Send Message" /></li>
</ul>
</form>
<ul class="contact">
<li class="fa-home">
Astra Robotics<br />
RV College of Engineering<br />
Bangalore
</li>
<li class="fa-user">Faculty Advisor: Dr. Geetha.K.S<br/>Head of Department<br/>R.V. College Engineering<br/>Mob: +91 9900700990<br/>Email: geethaks@rvce.edu.in</li>
<li class="fa-user">Team Lead: Chetan D Kabade<br/>Mob: +91 9980425775</li>
<li class="fa-envelope">teamastra@rvce.edu.in</li>
<li class="fa-twitter"><a href="https://twitter.com/AstraRobotics?s=09">twitter.com/AstraRobotics</a></li>
<li class="fa-facebook"><a href=https://www.facebook.com/AstraRobotics/>www.facebook.com/AstraRobotics</a></li>
<li class="fa-instagram"><a href="https://www.instagram.com/astra_robotics/">instagram.com/astra_robotics</a></li>
<li class="fa-github"><a href="https://github.com/astra-robotics">github.com/astra-robotics</a></li>
</ul>
<ul class="copyright">
<li>© Untitled Inc. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</section>
</div>
<!-- Scripts -->
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>