-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathmakers-game.html
More file actions
189 lines (151 loc) · 20.1 KB
/
makers-game.html
File metadata and controls
189 lines (151 loc) · 20.1 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<script src="js/include.js" charset="utf-8"></script>
<script src="includes/head.js" charset="utf-8"></script>
</head>
<!-- Global Site Tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-90298578-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-90298578-1');
</script>
<body>
<script src="includes/navbar.js" charset="utf-8"></script>
<div class="main">
<div class="parallax-container valign-wrapper">
<div class="parallax"><img src="media/background2.jpg"></div>
</div>
<div class="container">
<h4 style="margin-top:60px" class="red-text"><b>makers game</b></h4>
<p>
Teaching computer science in school is one of the biggest challenge today: how can we encourage people to learn such a complex field as programmation ?<br>
Our answer is “by making coding fun” with a creative retro-gaming workshop !<br>
On computers, game consoles have existed for years. But it is the powerful upswing of the nanocomputers Raspberry Pi that made possible to easily build actual game consoles at a rock-bottom cost.<br>
With our open source arcade table, clear your coffee table from the usual board games and find the timeless games Pong, Snake and Tetris.<br>
<br>
Find our <a target="_blank" href="https://github.com/emlyon/arcadeTable">code</a> & our
<a target="_blank" href="https://github.com/emlyon/makers-game">CAD files</a>
on <a target="_blank" href="https://github.com/emlyon/">Github</a>
</p>
<h4 style="margin-top:60px" class="red-text"><b>how to make one</b></h4>
<iframe class="z-depth-3" style="height:400px;width:100%;border:0;" src="https://emlyon.github.io/makers-game/"></iframe>
<h4 style="margin-top:60px" class="red-text"><b>tweets</b></h4>
<div class="row">
<div class="col l3">
<blockquote class="twitter-tweet" data-lang="fr"><p lang="fr" dir="ltr">C'est parti pour la 3ème édition du <a href="https://twitter.com/hashtag/makers?src=hash&ref_src=twsrc%5Etfw">#makers</a> bootcamp au <a href="https://twitter.com/makerslab_?ref_src=twsrc%5Etfw">@makerslab_</a> du campus Ecully! ☕️💻🛠 <a href="https://twitter.com/hashtag/earlymakers?src=hash&ref_src=twsrc%5Etfw">#earlymakers</a> <a href="https://t.co/xfb9snSdDi">pic.twitter.com/xfb9snSdDi</a></p>— emlyon b-school (@EMLYON) <a href="https://twitter.com/EMLYON/status/857129583208005632?ref_src=twsrc%5Etfw">26 avril 2017</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="col l3">
<blockquote class="twitter-tweet" data-lang="fr"><p lang="fr" dir="ltr">En 4jours, les 20 participants du <a href="https://twitter.com/hashtag/makers?src=hash&ref_src=twsrc%5Etfw">#makers</a> bootcamp 3 vont fabriquer une table arcade au <a href="https://twitter.com/makerslab_?ref_src=twsrc%5Etfw">@makerslab_</a>! 🎮🏓 <a href="https://twitter.com/hashtag/earlymakers?src=hash&ref_src=twsrc%5Etfw">#earlymakers</a> <a href="https://t.co/WUf4jHu1NX">pic.twitter.com/WUf4jHu1NX</a></p>— emlyon b-school (@EMLYON) <a href="https://twitter.com/EMLYON/status/857138301085642752?ref_src=twsrc%5Etfw">26 avril 2017</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="col l3">
<blockquote class="twitter-tweet" data-lang="fr"><p lang="fr" dir="ltr">La 1ère matinée du <a href="https://twitter.com/hashtag/makers?src=hash&ref_src=twsrc%5Etfw">#makers</a> bootcamp 3 est lancée : ateliers illustrator & JavaScript au programme ! 💻 <a href="https://twitter.com/hashtag/earlymakers?src=hash&ref_src=twsrc%5Etfw">#earlymakers</a> <a href="https://t.co/ReNozmNGLE">pic.twitter.com/ReNozmNGLE</a></p>— emlyon b-school (@EMLYON) <a href="https://twitter.com/EMLYON/status/857140304985690112?ref_src=twsrc%5Etfw">26 avril 2017</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="col l3">
<blockquote class="twitter-tweet" data-lang="fr"><p lang="fr" dir="ltr">C'est parti pour 4 jours de <a href="https://twitter.com/hashtag/makersbootcamp?src=hash&ref_src=twsrc%5Etfw">#makersbootcamp</a> à <a href="https://twitter.com/EMLYON?ref_src=twsrc%5Etfw">@EMLYON</a> 🤗🚀 <a href="https://t.co/t8S4BI7ex3">pic.twitter.com/t8S4BI7ex3</a></p>— Aurélien Bresson (@Aureeelieeen) <a href="https://twitter.com/Aureeelieeen/status/857197902283853824?ref_src=twsrc%5Etfw">26 avril 2017</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
</div>
<div class="row">
<div class="col l3">
<blockquote class="twitter-tweet" data-lang="fr"><p lang="fr" dir="ltr">Makers bootcamp : atelier <a href="https://twitter.com/hashtag/Javascript?src=hash&ref_src=twsrc%5Etfw">#Javascript</a> en cours au <a href="https://twitter.com/makerslab_?ref_src=twsrc%5Etfw">@makerslab_</a>, le jeu PONG commence à prendre forme! 🎮🏓 <a href="https://twitter.com/hashtag/earlymakers?src=hash&ref_src=twsrc%5Etfw">#earlymakers</a> <a href="https://t.co/PKR5i8733F">pic.twitter.com/PKR5i8733F</a></p>— emlyon b-school (@EMLYON) <a href="https://twitter.com/EMLYON/status/857222345899028480?ref_src=twsrc%5Etfw">26 avril 2017</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="col l3">
<blockquote class="twitter-tweet" data-lang="fr"><p lang="fr" dir="ltr">La conférence Creative <a href="https://twitter.com/hashtag/Coding?src=hash&ref_src=twsrc%5Etfw">#Coding</a> c'est ce soir au <a href="https://twitter.com/makerslab_?ref_src=twsrc%5Etfw">@makerslab_</a> w/ <a href="https://twitter.com/theGamebuino?ref_src=twsrc%5Etfw">@theGamebuino</a> <a href="https://twitter.com/Kiupegames?ref_src=twsrc%5Etfw">@Kiupegames</a> & <a href="https://twitter.com/Innorobo?ref_src=twsrc%5Etfw">@Innorobo</a> 🤖🎮 <a href="https://t.co/SLYRm5sELq">https://t.co/SLYRm5sELq</a> <a href="https://twitter.com/hashtag/earlymakers?src=hash&ref_src=twsrc%5Etfw">#earlymakers</a> <a href="https://t.co/DGPlzXKrea">pic.twitter.com/DGPlzXKrea</a></p>— emlyon b-school (@EMLYON) <a href="https://twitter.com/EMLYON/status/857577578353373184?ref_src=twsrc%5Etfw">27 avril 2017</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="col l3">
<blockquote class="twitter-tweet" data-lang="fr"><p lang="en" dir="ltr">[Live] ⚡️<a href="https://twitter.com/hashtag/makers?src=hash&ref_src=twsrc%5Etfw">#makers</a> bootcamp : the participants are soldering first steps of the arcade control buttons 🎮 <a href="https://twitter.com/hashtag/earlymakers?src=hash&ref_src=twsrc%5Etfw">#earlymakers</a> <a href="https://t.co/N8r7IP68Oz">pic.twitter.com/N8r7IP68Oz</a></p>— emlyon b-school (@EMLYON) <a href="https://twitter.com/EMLYON/status/857592956508938240?ref_src=twsrc%5Etfw">27 avril 2017</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="col l3">
<blockquote class="twitter-tweet" data-lang="fr"><p lang="fr" dir="ltr">Les participants du bootcamp préparent les boutons de commande de la table arcade : atelier soudure en cours! 🛠🎮 <a href="https://twitter.com/hashtag/earlymakers?src=hash&ref_src=twsrc%5Etfw">#earlymakers</a> <a href="https://twitter.com/hashtag/makers?src=hash&ref_src=twsrc%5Etfw">#makers</a> <a href="https://t.co/yb6VBAdtrc">pic.twitter.com/yb6VBAdtrc</a></p>— emlyon b-school (@EMLYON) <a href="https://twitter.com/EMLYON/status/857593847983091712?ref_src=twsrc%5Etfw">27 avril 2017</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
</div>
<div class="row">
<div class="col l3">
<blockquote class="twitter-tweet" data-lang="fr"><p lang="fr" dir="ltr">Lancement de la conférence creative coding au <a href="https://twitter.com/makerslab_?ref_src=twsrc%5Etfw">@makerslab_</a> du campus ecully par <a href="https://twitter.com/Samuel_Javelle?ref_src=twsrc%5Etfw">@Samuel_Javelle</a> ! <a href="https://twitter.com/hashtag/earlymakers?src=hash&ref_src=twsrc%5Etfw">#earlymakers</a> <a href="https://t.co/rHVX8Mf5Rp">pic.twitter.com/rHVX8Mf5Rp</a></p>— emlyon b-school (@EMLYON) <a href="https://twitter.com/EMLYON/status/857636058338652164?ref_src=twsrc%5Etfw">27 avril 2017</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="col l3">
<blockquote class="twitter-tweet" data-lang="fr"><p lang="fr" dir="ltr">.<a href="https://twitter.com/AurelienRodot?ref_src=twsrc%5Etfw">@AurelienRodot</a> est le 1er intervenant de la conférence creative coding et nous présente <a href="https://twitter.com/theGamebuino?ref_src=twsrc%5Etfw">@theGamebuino</a> ! <a href="https://twitter.com/hashtag/earlymakers?src=hash&ref_src=twsrc%5Etfw">#earlymakers</a> <a href="https://t.co/teX71FeYat">pic.twitter.com/teX71FeYat</a></p>— emlyon b-school (@EMLYON) <a href="https://twitter.com/EMLYON/status/857638970074726400?ref_src=twsrc%5Etfw">27 avril 2017</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="col l3">
<blockquote class="twitter-tweet" data-lang="fr"><p lang="fr" dir="ltr">Utku Kaplan est au <a href="https://twitter.com/makerslab_?ref_src=twsrc%5Etfw">@makerslab_</a> pour nous présenter <a href="https://twitter.com/Kiupegames?ref_src=twsrc%5Etfw">@Kiupegames</a>, "des jeux vidéos pour hacker l'<a href="https://twitter.com/hashtag/%C3%A9ducation?src=hash&ref_src=twsrc%5Etfw">#éducation</a>!" <a href="https://twitter.com/hashtag/earlymakers?src=hash&ref_src=twsrc%5Etfw">#earlymakers</a> <a href="https://t.co/P8t7TcZJ8f">pic.twitter.com/P8t7TcZJ8f</a></p>— emlyon b-school (@EMLYON) <a href="https://twitter.com/EMLYON/status/857639470073614340?ref_src=twsrc%5Etfw">27 avril 2017</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="col l3">
<blockquote class="twitter-tweet" data-lang="fr"><p lang="fr" dir="ltr">Catherine Simon d'<a href="https://twitter.com/Innorobo?ref_src=twsrc%5Etfw">@Innorobo</a> est la 3e intervenante de la conf creative coding! Welcome back à emlyon, diplômée en 86 🤗! <a href="https://twitter.com/hashtag/earlymakers?src=hash&ref_src=twsrc%5Etfw">#earlymakers</a> <a href="https://t.co/1tpMDbSEIE">pic.twitter.com/1tpMDbSEIE</a></p>— emlyon b-school (@EMLYON) <a href="https://twitter.com/EMLYON/status/857643859597242369?ref_src=twsrc%5Etfw">27 avril 2017</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
</div>
<div class="row">
<div class="col l3">
<blockquote class="twitter-tweet" data-lang="fr"><p lang="fr" dir="ltr">C'est parti pour la 3ème journée du <a href="https://twitter.com/hashtag/makers?src=hash&ref_src=twsrc%5Etfw">#makers</a> bootcamp !! Ateliers découpe laser et <a href="https://twitter.com/hashtag/RaspberryPi?src=hash&ref_src=twsrc%5Etfw">#RaspberryPi</a> au programme de la matinée 🚀💻 <a href="https://twitter.com/hashtag/earlymakers?src=hash&ref_src=twsrc%5Etfw">#earlymakers</a> <a href="https://t.co/EcuekLMgwY">pic.twitter.com/EcuekLMgwY</a></p>— emlyon b-school (@EMLYON) <a href="https://twitter.com/EMLYON/status/857858847217725440?ref_src=twsrc%5Etfw">28 avril 2017</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="col l3">
<blockquote class="twitter-tweet" data-lang="fr"><p lang="fr" dir="ltr">[Live] ⚡️ makers bootcamp : les participants apprennent à <a href="https://twitter.com/hashtag/coder?src=hash&ref_src=twsrc%5Etfw">#coder</a> le jeu SNAKE au <a href="https://twitter.com/makerslab_?ref_src=twsrc%5Etfw">@makerslab_</a> ! 🎮🐍 <a href="https://twitter.com/hashtag/earlymakers?src=hash&ref_src=twsrc%5Etfw">#earlymakers</a> <a href="https://t.co/c4PEKd4mFK">pic.twitter.com/c4PEKd4mFK</a></p>— emlyon b-school (@EMLYON) <a href="https://twitter.com/EMLYON/status/857890106803453952?ref_src=twsrc%5Etfw">28 avril 2017</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="col l3">
<blockquote class="twitter-tweet" data-lang="fr"><p lang="fr" dir="ltr">🛠🚀 Les différents ateliers du makers bootcamp : <a href="https://twitter.com/hashtag/D%C3%A9coupeLaser?src=hash&ref_src=twsrc%5Etfw">#DécoupeLaser</a> <a href="https://twitter.com/hashtag/Soudure?src=hash&ref_src=twsrc%5Etfw">#Soudure</a> <a href="https://twitter.com/hashtag/RaspberryPi?src=hash&ref_src=twsrc%5Etfw">#RaspberryPi</a> <a href="https://twitter.com/hashtag/Illustrator?src=hash&ref_src=twsrc%5Etfw">#Illustrator</a> <a href="https://twitter.com/hashtag/Javascript?src=hash&ref_src=twsrc%5Etfw">#Javascript</a> <a href="https://twitter.com/hashtag/P5JS?src=hash&ref_src=twsrc%5Etfw">#P5JS</a> <a href="https://twitter.com/hashtag/Python?src=hash&ref_src=twsrc%5Etfw">#Python</a>... <a href="https://twitter.com/hashtag/earlymakers?src=hash&ref_src=twsrc%5Etfw">#earlymakers</a> <a href="https://t.co/GwWb5YkAXn">pic.twitter.com/GwWb5YkAXn</a></p>— emlyon b-school (@EMLYON) <a href="https://twitter.com/EMLYON/status/857971436929130497?ref_src=twsrc%5Etfw">28 avril 2017</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="col l3">
<blockquote class="twitter-tweet" data-lang="fr"><p lang="fr" dir="ltr">Dernière ligne droite du <a href="https://twitter.com/hashtag/makersbootcamp3?src=hash&ref_src=twsrc%5Etfw">#makersbootcamp3</a> <a href="https://twitter.com/makerslab_?ref_src=twsrc%5Etfw">@makerslab_</a> nos 20 participants soudent, poncent et documentent! <a href="https://twitter.com/hashtag/earlymaker?src=hash&ref_src=twsrc%5Etfw">#earlymaker</a> <a href="https://t.co/anYWzu2bSn">pic.twitter.com/anYWzu2bSn</a></p>— makers' lab emlyon (@makerslab_) <a href="https://twitter.com/makerslab_/status/858233270991015936?ref_src=twsrc%5Etfw">29 avril 2017</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
</div>
<div class="row">
<div class="col l3">
<blockquote class="twitter-tweet" data-lang="fr"><p lang="fr" dir="ltr">Final rush pour le makers bootcamp #3 ⏳Les 4 équipes assemblent et documentent les 4 "makers game table" qui seront prêtes ce soir ⚡️🕹 🎮 <a href="https://t.co/hcFWYlYkKy">pic.twitter.com/hcFWYlYkKy</a></p>— makers' lab emlyon (@makerslab_) <a href="https://twitter.com/makerslab_/status/858248768399052801?ref_src=twsrc%5Etfw">29 avril 2017</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="col l3">
<blockquote class="twitter-tweet" data-lang="fr"><p lang="fr" dir="ltr">Clap de fin sur le <a href="https://twitter.com/hashtag/makers?src=hash&ref_src=twsrc%5Etfw">#makers</a> bootcamp édition #3 👏🏻 4 tables arcade ont été fabriquées en 4 jours par nos 20 <a href="https://twitter.com/hashtag/earlymakers?src=hash&ref_src=twsrc%5Etfw">#earlymakers</a>, respect⚡️🎮 🕹 <a href="https://t.co/Xl6WF7hm5q">pic.twitter.com/Xl6WF7hm5q</a></p>— makers' lab emlyon (@makerslab_) <a href="https://twitter.com/makerslab_/status/858354429241823234?ref_src=twsrc%5Etfw">29 avril 2017</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="col l3">
<blockquote class="twitter-tweet" data-lang="fr"><p lang="fr" dir="ltr"><a href="https://twitter.com/hashtag/code?src=hash&ref_src=twsrc%5Etfw">#code</a> <a href="https://twitter.com/hashtag/IoT?src=hash&ref_src=twsrc%5Etfw">#IoT</a> <a href="https://twitter.com/hashtag/earlymakers?src=hash&ref_src=twsrc%5Etfw">#earlymakers</a>... 🚀 Découvrez la vidéo du <a href="https://twitter.com/hashtag/makers?src=hash&ref_src=twsrc%5Etfw">#makers</a> bootcamp 3 qui s'est déroulé au <a href="https://twitter.com/makerslab_?ref_src=twsrc%5Etfw">@makerslab_</a> fin avril! <a href="https://t.co/7AlJluUK5p">https://t.co/7AlJluUK5p</a> <a href="https://t.co/pZa91Wd0yf">pic.twitter.com/pZa91Wd0yf</a></p>— emlyon b-school (@EMLYON) <a href="https://twitter.com/EMLYON/status/863310508916658178?ref_src=twsrc%5Etfw">13 mai 2017</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="col l3">
<blockquote class="twitter-tweet" data-lang="fr"><p lang="fr" dir="ltr">Hello <a href="https://twitter.com/EMLYON?ref_src=twsrc%5Etfw">@EMLYON</a>, on se réveille <a href="https://twitter.com/InVivoQuest?ref_src=twsrc%5Etfw">@InVivoQuest</a> est arrivé et on est en forme ! <a href="https://twitter.com/isaralyon?ref_src=twsrc%5Etfw">@isaralyon</a> <a href="https://twitter.com/EMLYON?ref_src=twsrc%5Etfw">@EMLYON</a> on vous attend ;) <a href="https://t.co/v5YVeZzqYL">pic.twitter.com/v5YVeZzqYL</a></p>— Pauline Ragot (@PaulineRagot_) <a href="https://twitter.com/PaulineRagot_/status/935765540525805568?ref_src=twsrc%5Etfw">29 novembre 2017</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
</div>
</div>
<div class="parallax-container valign-wrapper">
<div class="parallax"><img src="media/3D.jpg"></div>
</div>
</div>
<script src="includes/footer.js" charset="utf-8"></script>
<script src="includes/scripts.js" charset="utf-8"></script>
<script>
[].forEach.call( document.querySelectorAll( 'iframe' ), iframe => {
iframe.addEventListener( 'load', () => {
iframe.contentWindow.postMessage( {}, iframe.src );
addEventListener( 'resize', () => {
iframe.contentWindow.postMessage( {}, iframe.src );
}, false );
}, false );
addEventListener( 'message', event => {
// console.log( event );
// Resize iframe
if( event.data.height && event.data.location == iframe.src ) {
iframe.height = Math.floor( event.data.height );
}
}, false );
} );
</script>
</body>
</html>