YGLF Challenge - Letters Blast Game

[bartzy]

Hey!

This is my submission to the YGLF challenge. I had a blast, great idea!

Info

Name: Bar Ziony
Ticket #: 416942318526953068001

Local Install Instructions

1. Run npm install
2. Run grunt connect
3. Go to http://localhost:9000 and enjoy the game.

I will add a demo URL in a following comment. I added the Futura font locally to the repo, and for some reason, Github pages won't load it, so I'm going to use some other hosting service.

---

Some details about this game:

1. It's a "Letter Shooter" type of game. You need to shoot each letter to its place. You win when all the letters are at their correct targets ;)
2. It's Canvas-based, without a Game engine - Since this is a challenge I didn't want to make it easy with a game engine. So the only related libraries I used were a Tweening library called TweenJS and a barebone Physics library called PhysicsJS (amazing library BTW).
3. I tried using the DOM as the rendering layer, but it got performance-constrained pretty fast, so I switched to Canvas.
   However, to show some (small) CSS3 trickery, the "You Won" part when you finish the game is completely DOM-based (CSS3 animations).

Looking forward to the conference.

Thanks!
Bar.

[bartzy]

Here's the demo: http://yglf-challenge.bartzy.com

It takes a bit of time for the initial load, because I serve the (huge) Futura font myself (I had issues with Typekit).

Please note that the game.js file in the root directory is NOT the actual code. I forgot to delete it.
The actual code is in the scripts/ library.

_Gameplay_

I forgot to explain the gameplay mechanics:

1. You can aim with the mouse. To shoot, press the mouse button. As you hold it, the power arrow will get bigger and smaller, so you can choose the appropriate power.
2. a letter will land on a target only if it's slow enough (if it's too fast it will go past that target), and if it overlaps the target significantly.
3. After 8 seconds in the air, the letter will fall and go back to the queue.
4. You win when all the letters have landed in their place. You can then choose another text to play with :)

Also, please note that although this comment is past June 1st, the pull request and all code was posted before the deadline expired :)

Cheers!

[bartzy]

Oops, Order number is 416942318.