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