Numbers game

11
Numbers Game Joel Grus @joelgrus Chief Scientist, VoloMetrix

description

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

Transcript of Numbers game

Page 1: Numbers game

Numbers GameJoel Grus@joelgrus

Chief Scientist, VoloMetrix

Page 2: Numbers game

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!)

Page 3: Numbers game

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

Page 4: Numbers game
Page 5: Numbers game

Simple index.html

Page 6: Numbers game

Choosers

Page 7: Numbers game

Game Board

Page 8: Numbers game

Lean on CSS

Page 9: Numbers game

Create / shuffle the board

Page 10: Numbers game

And here’s what happens when you click

Page 11: Numbers game

Demo

• Check out the code at

github.com/joelgrus/numbers-game