Workshop GameMe 5

Demo para el taller de GameMe5 2013 13-12-13 por @EtnasSoft y @serginator

Ver la demo online

Enhanced version

Sonidos cambiados a OGG por compatibilidad
Preloading de recursos en vez de timeouts (algo simple pero eficaz)
Compatible con Chrome (online) y Firefox. No se ha probado en Safari.
Touch events
[TODO] Gamepad

Resources

Charla de @EtnasSoft y @serginator en Camon
- Video
- Slides
gamepad
audio
keypress
screen-size-management
sprite-based-games-with-canvas
multiplayer
timelapse
FX
Listado de Frameworks
Sprite Database
Megalista de recursos

Para lanzar la demo

Conviene ejecutarla en un servidor web por la carga de recursos por XHR. En Chrome en local da fallos visuales, online se ve correctamente (habrá que investigar por qué)

npm install -g grunt-cli
npm install
grunt

Contenido de la demo

Sprites
Keypress
Musica y FX en MP3
- 8 Bits
- 16 Bits
- 128 Bits
- Biblioteca
Redimesión viewport.
Puntos como porcentajes
Enemigos
- Horda y boss
- Patrones de movimiento
- Colisiones.
Enemigos: array de enemigos, patrón de movimiento sinusoidal, colisiones
Puntuación: sistema simple.
Velocidad de la nave de usuario.
Explosiones, sistema de partículas
Bomba: fogonazo con FX que borre los enemigos.
Mapa de colisiones: limitar el hitbox del protagonista al sprite del 'focus'.

Para hacer deploy en gh-pages

# Chuletilla para que no se me olvide
# desde la raíz del proyecto
git clone git@github.com:serginator/workshopGameMe5.git dist
cd dist
git checkout --orphan gh-pages
git rm -rf .
grunt deploy # hará linteo, la distribución y luego lanzará el paquete grunt-github-pages