An HTML5/Canvas game where you click on my face to win. Tons of JS.
JavaScript PHP CSS
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
app
dist
.gitignore
404.php
README.md
config.pyc
fabfile.py
fabfile.pyc
footer.php
functions.php
gruntfile.js
header.php
index.php
not-signed-in.php
package.json
page-game.php
page-highscores.php
page-login.php
page.php
signed-in.php
single.php
style.css

README.md

Click On Jorge

ScreenShot

Perhaps the best game ever invented, 'Click On Jorge' is the opportunity to continually click on the most handsome man in the world. In 20 seconds, try to click on my face as many times as possible and get a your name in the high scores. It hurts my face, but it's worth it.

Setup

First, install all node modules:

npm install 

To build all less, js, and copy assets:

grunt build

Depdencies

  • Timbre.js
  • jQuery.js
  • jQuery-touchpunch.min.js
  • less.js

Class Structure

  • Game Class - Controls score, game timing, etc.
  • Canvas Class(game_instance, sound_instance) - Controls user interaction with the canvas element
  • Interface Class(game_instance) - Controls top menu, including all stats
  • Sound Class - Controls all sounds through a timbre.js instance

footer.js orchestrates the interactions between these instances through event listeners, triggered on the document object. Every time I do this, it sounds a bit hacky, but it has always served me well.