-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.xml
654 lines (330 loc) · 24.3 KB
/
index.xml
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
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Abbey Code Club</title>
<link>http://abbeycodeclub.org/</link>
<description>Recent content on Abbey Code Club</description>
<generator>Hugo -- gohugo.io</generator>
<language>en-us</language>
<lastBuildDate>Mon, 26 Sep 2016 21:36:24 +0100</lastBuildDate>
<atom:link href="http://abbeycodeclub.org/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>PICO-8 First steps</title>
<link>http://abbeycodeclub.org/post/pico-8/pico-8.02/</link>
<pubDate>Mon, 26 Sep 2016 21:36:24 +0100</pubDate>
<guid>http://abbeycodeclub.org/post/pico-8/pico-8.02/</guid>
<description>
<h1 id="pico-8-first-steps">PICO-8: First steps</h1>
<p>Before we start to write any code, you need to learn how to find your way around the PICO-8 screens.</p>
<h2 id="start-the-pico-8-application">Start the PICO-8 application</h2>
<p>PICO-8 should already be installed on your computer. Click on the PICO-8 entry in the Start Menu to run it. You will see this screen and hear a little tune when it starts up&hellip;</p>
<figure >
<img src="http://abbeycodeclub.org/img/pico-8/console.png" />
<figcaption>
<h4>Console</h4>
</figcaption>
</figure>
<p>To run a program, you type &ldquo;RUN&rdquo; and press the &ldquo;Enter&rdquo; key. At the moment this does absolutely nothing, as we haven&rsquo;t written a program yet!</p>
<p>Go ahead and try it!</p>
<figure >
<img src="http://abbeycodeclub.org/img/pico-8/run.png" />
<figcaption>
<h4>Run the current program</h4>
</figcaption>
</figure>
<p>We can tell PICO-8 to do stuff by typing at this command prompt. For example, PICO-8 can print messages and do sums!</p>
<p>Again, try it out! If type something the computer doesn&rsquo;t understand it won&rsquo;t catch fire! Make up your own messages to print!</p>
<figure >
<img src="http://abbeycodeclub.org/img/pico-8/print.png" />
<figcaption>
<h4>Printing messages</h4>
</figcaption>
</figure>
<p>Computers are really fussy about what you type. If you make just a single mistake, the computer will give you an error message and refuse to run the command or program. If you see an error then you need to check your code and work out what is wrong.</p>
<p>Look at these examples and see if you can spot my mistakes!</p>
<figure >
<img src="http://abbeycodeclub.org/img/pico-8/errors.png" />
<figcaption>
<h4>Nasty error messages!</h4>
</figcaption>
</figure>
<p>You will see these errors when writing code - we all make mistakes! So don&rsquo;t panic when you get them - the computer is just trying to help you get your code right!</p>
<h2 id="switch-between-screens">Switch between screens</h2>
<p>If you press the &ldquo;ESC&rdquo; key (top left key on your keyboard) then you switch between the console window and the editor windows. You use the editor windows to write your code and design your graphics and sound.</p>
<p>Press ESC once and you will see the code editor&hellip; We&rsquo;ll write some code in here very soon!</p>
<figure >
<img src="http://abbeycodeclub.org/img/pico-8/code_window.png" />
<figcaption>
<h4>Code editor</h4>
</figcaption>
</figure>
<p>Press ESC again and you will go back to the console window.
Then press ESC again to go back to the code editor!</p>
<p>See the icons in the top right of the code editor? Click on those to see the other editors&hellip;</p>
<figure >
<img src="http://abbeycodeclub.org/img/pico-8/sprite_editor.png" />
<figcaption>
<h4>Sprite (graphics) editor</h4>
</figcaption>
</figure>
<figure >
<img src="http://abbeycodeclub.org/img/pico-8/level_editor.png" />
<figcaption>
<h4>Level/map editor</h4>
</figcaption>
</figure>
<figure >
<img src="http://abbeycodeclub.org/img/pico-8/sound_editor.png" />
<figcaption>
<h4>Sound editor</h4>
</figcaption>
</figure>
<figure >
<img src="http://abbeycodeclub.org/img/pico-8/music_editor.png" />
<figcaption>
<h4>Music editor</h4>
</figcaption>
</figure>
</description>
</item>
<item>
<title>PICO-8 Introduction</title>
<link>http://abbeycodeclub.org/post/pico-8/pico-8.01/</link>
<pubDate>Mon, 26 Sep 2016 21:36:24 +0100</pubDate>
<guid>http://abbeycodeclub.org/post/pico-8/pico-8.01/</guid>
<description>
<h1 id="pico-8-fantasy-games-console">PICO-8: Fantasy Games Console!</h1>
<h2 id="1-introduction">1. Introduction</h2>
<p>Last week you told me that you&rsquo;d like to learn how to program by typing code, rather than dragging blocks around! You asked for it, so we are now going to learn how to write a game with actual code. This will take several weeks and won&rsquo;t be easy, but will definitely be worth it! Fasten your seatbelt!</p>
<p><a href="http://www.lexaloffle.com/pico-8.php">PICO-8</a> is a &ldquo;fantasy games console&rdquo;, for making, sharing and playing small games. In PICO-8, the code is written using a programming language called <a href="https://www.lua.org/about.html">Lua</a>.</p>
<p>Most games consoles, such as the Sony Playstation or Nintendo Wii, are physical boxes that cost a lot of money and can only be used to play games that you buy. PICO-8 is different - it runs as a program on an existing computer running Windows, OSX (Apple Mac), or Linux (Raspberry Pi).</p>
<p>What is really great about PICO-8 is that it includes everything you need to write your own games - you write the code, design the graphics, create the sounds, and play the game all inside of PICO-8. It all looks very retro, which I think is cool! All games looked like this when I was your age :-)</p>
<p>
<figure >
<img src="http://abbeycodeclub.org/img/pico-8/pico-8-demo1.gif" />
<figcaption>
<h4>Tweaking graphics and running game</h4>
</figcaption>
</figure>
<figure >
<img src="http://abbeycodeclub.org/img/pico-8/pico-8-demo2.gif" />
<figcaption>
<h4>Creating bleeps and blerps!</h4>
</figcaption>
</figure>
<figure >
<img src="http://abbeycodeclub.org/img/pico-8/pico-8-demo3.gif" />
<figcaption>
<h4>Editing code</h4>
</figcaption>
</figure>
</p>
<h2 id="links">Links</h2>
<p><a href="http://www.lexaloffle.com/pico-8.php">PICO-8 homepage</a></p>
<p><a href="https://sectordub.itch.io/pico-8-fanzine-1">PICO-8 fanzine - Written by fans, lots of info and tips</a></p>
<p><a href="https://github.com/felipebueno/awesome-PICO-8">Great list of PICO-8 resources, tutorials, tools and more</a></p>
<p><a href="https://www.raspberrypi.org/magpi/pico-8-review/">Raspberry Pi Magpi magazine review</a></p>
<h2 id="video-tutorials">Video tutorials</h2>
<iframe width="560" height="315" src="https://www.youtube.com/embed/ZuaLuMhwcc8" frameborder="0" allowfullscreen></iframe>
<iframe width="560" height="315" src="https://www.youtube.com/embed/Cjxzjc0NFpw" frameborder="0" allowfullscreen></iframe>
</description>
</item>
<item>
<title>CodeClub/002 (20/9/16)</title>
<link>http://abbeycodeclub.org/post/codeclub-002/</link>
<pubDate>Wed, 21 Sep 2016 09:03:34 +0100</pubDate>
<guid>http://abbeycodeclub.org/post/codeclub-002/</guid>
<description>
<p>Code Club 2 was a busy one! The computer room was packed, and it was a very hot day too!</p>
<h1 id="scratch-game-hide-and-seek">Scratch game: Hide and Seek</h1>
<p>This week we used <a href="https://scratch.mit.edu">Scratch</a> to write a little <a href="https://scratch.mit.edu/projects/85963232/?tip_bar=hide#editor">Hide and Seek game</a>.</p>
<figure >
<img src="http://abbeycodeclub.org/img/hideandseek.jpg" />
<figcaption>
<h4>Hide and Seek</h4>
</figcaption>
</figure>
<p>Scratch is the most popular programming environment for primary school children. It allows you to build programs by dragging and dropping graphical blocks. This makes it much easier to learn about key computer programming ideas without having to type much, and without the annoying errors you get if you type programs as text.</p>
<p>If any of you think Scratch is a bit simple, think again! You can do some impressive apps with it, that would take much longer to develop in a traditional programming language. Check out these examples&hellip;</p>
<ul>
<li><a href="https://scratch.mit.edu/projects/16795490/">Whale</a>: Control a swimming whale!</li>
<li><a href="https://scratch.mit.edu/projects/119253569/">Picnic Smash</a>: Don&rsquo;t get any ants in your sandwiches!</li>
<li><a href="https://scratch.mit.edu/projects/10012676/">Piano</a>: Can you play a tune?</li>
<li><a href="https://scratch.mit.edu/projects/11640429/">DJ Scratch Cat</a>: A cat DJ?!!</li>
</ul>
<p>The great thing is that you can look at and modify the code for any of these. It is very common for people to produce modified versions of other people&rsquo;s programs - this is called &lsquo;remixing&rsquo;!</p>
<p>Have a go, and tell me if you create any remixes!</p>
<h1 id="tingbot">Tingbot</h1>
<p>I talked a bit about <a href="http://tingbot.com">Tingbot</a> which is a cool little computer system based around a <a href="https://www.raspberrypi.org">Raspberry Pi</a>.</p>
<figure >
<img src="http://abbeycodeclub.org/img/tingbot.gif" />
<figcaption>
<h4>Tingbot</h4>
</figcaption>
</figure>
<p>It is made by a small company in London who had the idea and raised the money to make it via the <a href="https://www.kickstarter.com/projects/744235676/tingbot-raspberry-pi-made-fun/description">Kickstarter</a> website.</p>
<p>It doesn&rsquo;t have a separate monitor or keyboard like the computers in the computer room, but has a small built-in screen and a few buttons. Inside is a Raspberry Pi computer that can run Python programs that can read the buttons and draw pictures on the screen.</p>
<figure >
<img src="http://abbeycodeclub.org/img/animated_tingbot.gif" />
<figcaption>
<h4>Inside Tingbot</h4>
</figcaption>
</figure>
<p>The good news is that I just got one this week, so once I have built it we can use it in future Code Clubs. Hurrah!</p>
<h1 id="python">Python</h1>
<p>To write programs for Tingbot, we are going to have to learn how to program in a language called Python. My favourite computer language! :-)</p>
<p>This is going to be more challenging than using Scratch. We had a quick vote at the end of the club and everyone said they were up for it, so let&rsquo;s see how it goes!</p>
<p>Therefore&hellip; next week is <em>Python Week</em>!</p>
<p>Be sure not to confuse this&hellip;</p>
<figure >
<img src="http://abbeycodeclub.org/img/pythonlogo.jpg" />
<figcaption>
<h4>Python programming language...</h4>
</figcaption>
</figure>
<p>&hellip;with this&hellip;!</p>
<figure >
<img src="http://abbeycodeclub.org/img/ball_python.jpg" />
<figcaption>
<h4>Python snake! Run away!</h4>
</figcaption>
</figure>
</description>
</item>
<item>
<title>CodeClub/001 (13/9/16)</title>
<link>http://abbeycodeclub.org/post/codeclub-001/</link>
<pubDate>Tue, 13 Sep 2016 21:48:58 +0100</pubDate>
<guid>http://abbeycodeclub.org/post/codeclub-001/</guid>
<description>
<p>What a great first Code Club! I hope you all enjoyed it as much as I did.</p>
<p>This week we:</p>
<ul>
<li>talked about why it is important and fun to learn about coding</li>
<li>looked at how computers have changed in recent years, and thought about how they might change in future (nobody knows!)</li>
<li>did some great programming of <a href="https://code.org/mc">Minecraft</a> and <a href="https://studio.code.org/s/infinity/stage/1/puzzle/1">Disney Infinity Play Lab</a> at <a href="https://code.org">code.org</a></li>
<li>had a play with my super-colourful <a href="https://learn.adafruit.com/adafruit-neopixel-uberguide/overview">NeoPixel</a> LED strip, controlled by a <a href="http://microview.io">Microview</a> microcontroller and a Wii Nunchuk hand controller</li>
</ul>
<p>I was really impressed with your enthusiasm and how much progress you all made in the programming exercises!</p>
<h1 id="code-clubs">Code clubs</h1>
<p>There are now nearly 5,000 Code Clubs across the country! Can you work out which circle we are in?</p>
<figure >
<img src="http://abbeycodeclub.org/img/national_code_clubs.jpg" />
<figcaption>
<h4>National Code Clubs</h4>
</figcaption>
</figure>
<h1 id="computers-are-everywhere">Computers are everywhere!</h1>
<p>We talked about how computers are not just the things with keyboards and screens that are in the computer lab. There are now computers inside most electrical products: phones, TVs, cars, and even electric toothbrushes!</p>
<p>Soon all these devices will communicate with each other using the internet! This is called the &ldquo;Internet of Things&rdquo;</p>
<figure >
<img src="http://abbeycodeclub.org/img/iot.jpg" />
<figcaption>
<h4>Internet of Things</h4>
</figcaption>
</figure>
<h1 id="how-computers-have-changed">How computers have changed&hellip;</h1>
<p>Early computers filled a whole room!</p>
<figure >
<img src="http://abbeycodeclub.org/img/ibm_360.jpg" />
<figcaption>
<h4>IBM/360 mainframe computer</h4>
</figcaption>
</figure>
<p>This was the first low cost home computer, produced by a British company called Sinclair.</p>
<figure >
<img src="http://abbeycodeclub.org/img/zx80.jpg" />
<figcaption>
<h4>Sinclair ZX80</h4>
</figcaption>
</figure>
<p>This was the first computer I used in school. We only had one of them!</p>
<figure >
<img src="http://abbeycodeclub.org/img/trs_80.jpg" />
<figcaption>
<h4>Radio Shack TRS-80</h4>
</figcaption>
</figure>
<p>The first mobile phones were really big!</p>
<figure >
<img src="http://abbeycodeclub.org/img/big_phone.jpg" />
<figcaption>
<h4>I don&#39;t think you&#39;ll fit that in your pocket...</h4>
</figcaption>
</figure>
<p>But have shrunk over the years&hellip;</p>
<figure >
<img src="http://abbeycodeclub.org/img/shrinking_phones.jpg" />
</figure>
<p>And now have got bigger again! Today&rsquo;s phones are incredibly powerful computers with a large super high quality screens and camera. This is probably 1000 times more powerful than the IBM/360 mainframe shown earlier!</p>
<figure >
<img src="http://abbeycodeclub.org/img/iphone7.jpg" />
<figcaption>
<h4>iPhone 7</h4>
</figcaption>
</figure>
<h1 id="the-future">The future&hellip;</h1>
<p>No one knows what the future holds. Computers are still developing incredibly quickly. Will you all be doing school lessons using virtual reality headsets&hellip;?!</p>
<figure >
<img src="http://abbeycodeclub.org/img/vr_headset.jpg" />
<figcaption>
<h4>Virtual Reality headset</h4>
</figcaption>
</figure>
<p>What I can say for certain is that computers will play an even bigger part of everyday life than they are now. So the more you know about how they work, the better!</p>
<p>I&rsquo;m looking forward to seeing you all next week!</p>
</description>
</item>
<item>
<title>Welcome!</title>
<link>http://abbeycodeclub.org/post/welcome/</link>
<pubDate>Tue, 13 Sep 2016 09:17:48 +0100</pubDate>
<guid>http://abbeycodeclub.org/post/welcome/</guid>
<description>
<h1 id="welcome-to-abbey-code-club">Welcome to Abbey Code Club!</h1>
<p>I&rsquo;m very excited about our brand new code club - the first ever code club at Abbey School. I hope you are too!</p>
<p>There&rsquo;s not much to read here at the moment, but I&rsquo;ll be updating the website regularly so check back often.</p>
<p>Code clubs will run every Tuesday afternoon 3:30-4:30 in the computer room.</p>
<p>To get started, here are some links to websites that you might find interesting!</p>
<hr />
<p><a href="https://www.codeclub.org.uk">Code Club</a></p>
<p>Home of all Code Clubs. There are nearly 5,000 clubs in the UK!</p>
<p>Lots of <a href="https://www.codeclubprojects.org/en-GB/">projects here</a>, some of which we will be doing in our Code Club. Most of these projects need a passcode to access them. If you are keen to try them out outside of Code Club then tell me and I&rsquo;ll give you the required code.</p>
<hr />
<p><a href="https://code.org/learn">Code.org</a></p>
<p>An American organisation, whose mission is to teach children to code. Sounds like a good place for us to go!</p>
<p>There are some great &ldquo;Hour of Code&rdquo; games here that are a fantastic way to get started with programming, including <a href="https://code.org/mc">Minecraft</a>, <a href="https://code.org/starwars">Star Wars</a>, and <a href="https://studio.code.org/s/frozen/stage/1/puzzle/1">Frozen</a>.</p>
<p>Can you complete them all?!</p>
<p>You should also watch some of the <a href="https://www.youtube.com/playlist?list=PLzdnOPI1iJNfpD8i4Sx7U0y2MccnrNZuP">videos</a> - they have a lot of famous people in them, including Bill Gates (who started Microsoft), Mark Zuckerberg (who started Facebook) and Barack Obama (the USA president!). All of these people think it is really important for children to learn to code!</p>
<hr />
<p><a href="https://scratch.mit.edu/projects/editor/?tip_bar=home">Scratch</a></p>
<p>The most popular way to write programs using graphical blocks. A great tool to start with. It means you don&rsquo;t have to type very much, and teaches you the main principles of computer programming.</p>
<p>There are instructions on the right hand side of the page to help you learn how to use it!</p>
<hr />
<p><a href="https://www.raspberrypi.org">Raspberry Pi</a></p>
<p>Everyone&rsquo;s favourite low-cost computer. And it is British!</p>
<p>Have you got one?! If so, tell me what you do with it&hellip;</p>
<hr />
<p><a href="https://www.microbit.co.uk">BBC micro:bit</a></p>
<p>A low cost &ldquo;wearable&rdquo; computer, recently released by the BBC (yes, the people who make TV programmes!). Check out the <a href="https://www.microbit.co.uk/watch-video">video</a>.</p>
<p>Through the generosity of Code Club, we will shoortly be getting four of these, so I look forward to us using them later in the term!</p>
<p>If you want to get some practice in, you can follow a tutorial, write programs and run them on a &ldquo;virtual&rdquo; micro:bit <a href="https://www.microbit.co.uk/create-code">here</a>. Tip: it will easiest if you start off using the Block Editor!</p>
<hr />
<p><a href="https://shop.pimoroni.com">Pimoroni</a></p>
<p>A British company who started off making cases for Raspberry Pis, but have now grown into making their own electronics, and selling all sorts of add-ons.</p>
<p>Designers and makers of the fantastic <a href="https://www.kickstarter.com/projects/pimoroni/flotilla-for-raspberry-pi-making-for-everyone/description">Flotilla</a> electronics kit. I&rsquo;ve got one of these, and we&rsquo;ll do something with it later in the year!</p>
<hr />
<p><a href="https://www.adafruit.com">Adafruit</a></p>
<p>American designer and maker of all sorts of cool electronic components.</p>
<p>Loads of <a href="https://learn.adafruit.com">great projects</a>!</p>
<hr />
<p><a href="https://www.sparkfun.com">SparkFun</a></p>
<p>Another American maker of all sorts of cool electronic components! They have a large number of <a href="https://learn.sparkfun.com/tutorials">tutorials</a>. Most of them are quite advanced electronics, but they might give you some ideas!</p>
<hr />
<p><a href="http://makezine.com">Make:</a></p>
<p>A very established American website that covers making all sorts of things - not just computer-related ones!</p>
<p>Lots of super-creative ideas here&hellip;!</p>
</description>
</item>
</channel>
</rss>