Hour of Code – New Central Library – Fab Lab San Diego



Hour of Code – New Central Library – Fab Lab San Diego

0 0


2014-hour-of-code

Workshop materials for Fab Lab San Diego Outreach

On Github willingc / 2014-hour-of-code

Hour of Code

New Central Library

and

Fab Lab San Diego

Exploring

with

Processing

December 8-14, 2014

Remember to stress Exploring

Introduction

Who am I?

  • Developer
  • Learner
  • Geek in Residence
  • Guitar player

Who am I?

Who are you?

  • In this class
  • Outside of this class

http://androidify.com

Game plan

Lots of cool content

  • Play it by ear
  • Questions rock
  • Explore

Rules of the

cyber-code road

  • Banish the icant bus
  • Be a golden developer
  • Beware of backseat keyboard drivers
  • Share the journey

Hello Processing

Hello Processing

Interactive tutorial

http://hello.processing.org/

Hello Processing Gallery

http://hello.processing.org/gallery/

Let's explore an example

Reading Processing code

size(500,400);

void setup() {
    background(random(255), random(255), random(255));
    fill(random(255), random(255), random(255));
}

void draw() {
    int diameter = random(50);
    rect(mouseX, mouseY, diameter, diameter);
}

Verdi!

A traditional snake game.

Move the snake around the screen without crashing

Get the code

Based on the snake game example in:
JavaScript for Kids
By: Nick Morgan
Publisher: No Starch Press
Pub. Date: December 2, 2014
Print ISBN-13: 978-1-59327-408-5

Making a game step by step

http://www.lostdecadegames.com/how-to-make-a-simple-html5-canvas-game/

Slides

http://www.gcodegarden.com/talks/2014-HourOfCode/index.html

https://www.github.com/willingc/2014-hour-of-code/

Cool projects

http://code.org/learn

http://sonic-pi.net/

https://webmaker.org/en-US

https://webmaker.org/en-US/tools

https://thimble.webmaker.org/project/60767/remix

https://webmaker.org/en-US/private-eye

http://androidify.com

Happy exploring,

learning, and

creating with code!