RGB MATCH: timer and score

· · · · · · · · · · · · · · · | Always On, Always Connected

Considering layout:


Screen Shot 2016-04-05 at 12.00.06 AM


Screen Shot 2016-04-05 at 12.01.28 AM


Screen Shot 2016-04-05 at 12.01.23 AM


Sorting out a way to keep keep track of score:


Screen Shot 2016-04-05 at 12.00.41 AM


Screen Shot 2016-04-05 at 12.01.14 AM


Screen Shot 2016-04-05 at 12.10.27 AM


Setting up the Timer:


Screen Shot 2016-04-04 at 11.58.51 PM


At first I thought I’d use p5.js to do this:


Screen Shot 2016-04-04 at 11.59.09 PM


Screen Shot 2016-04-04 at 11.59.51 PM


But then I found a fairly simple method using plain javascript… which gave me a bit more control and kept keeping time out of my draw() loop:


Screen Shot 2016-04-04 at 11.59.58 PM


Screen Shot 2016-04-05 at 12.10.23 AM


Screen Shot 2016-04-05 at 12.11.00 AM


Screen Shot 2016-04-05 at 12.12.25 AM


piecing it all together…


Screen Shot 2016-04-05 at 1.11.42 AM


Screen Shot 2016-04-05 at 12.18.37 AM


Restarting the timer:


Screen Shot 2016-04-05 at 12.31.45 AM


Hours later things seems to mostly be in order:





Something is glitchy about the timer after it restarts so I need to spend more time pinpointing what’s going on. Also I need to be able to pause the game/timer of the user visits the home screen. Or maybe quit the game? Any advice is appreciated.

No Comments

Leave a comment