0
Numbers Game
Joel Grus
@joelgrus
Chief Scientist, VoloMetrix
Toy Project with Two Goals
• Learn AngularJS
• Make fun / educational game for 2-year-old daughter

(Am a AngularJS newbie...
Concept
• Random permutations of
colors/labels
• Voice tells you which to click
on (“Orange 4”) and whether
you clicked ri...
Simple index.html
Choosers
Game Board
Lean on CSS
Create / shuffle the board
And here’s what happens when you click
Demo
• Check out the code at

github.com/joelgrus/numbers-game
Numbers game
Upcoming SlideShare
Loading in...5
×

Numbers game

421

Published on

This is a lightning talk for the Seattle AngularJS meetup, it's about a game I built for my daughter.

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
421
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Numbers game"

  1. 1. Numbers Game Joel Grus @joelgrus Chief Scientist, VoloMetrix
  2. 2. Toy Project with Two Goals • Learn AngularJS • Make fun / educational game for 2-year-old daughter (Am a AngularJS newbie, so no guarantees that code is well-designed!)
  3. 3. Concept • Random permutations of colors/labels • Voice tells you which to click on (“Orange 4”) and whether you clicked right or wrong • 3 game types • Just numbers • Just letters • Numbers and letters • 2 voice options
  4. 4. Simple index.html
  5. 5. Choosers
  6. 6. Game Board
  7. 7. Lean on CSS
  8. 8. Create / shuffle the board
  9. 9. And here’s what happens when you click
  10. 10. Demo • Check out the code at github.com/joelgrus/numbers-game
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×