Your browser doesn't support the features required by impress.js, so you are presented with a simplified version of this presentation.
For the best experience please use the latest Chrome, Safari or Firefox browser. Upcoming version 10 of Internet Explorer should also handle it.
Creación de juegos en JavaScript
Vimeo: bit.ly/video-juegos-en-js
- Sergio Ruiz
- @serginator
- www.serginator.com
- Carlos Benitez
- @etnassoft
- www.etnassoft.com
- www.openlibra.com
HTML5
- Introduce el elemento canvas
- Audio
- Vídeo
- Transformaciones CSS
- LocalStorage (OFFLINE)
- WebSockets
- NodeJS
Frameworks
DE PAGO
- impactJS ($99)
GRATUITOS
- Akihabara- Crafty
- LimeJS
- MelonJS
- Mibbu
Herramientas
Editor de niveles
Validar código
Depurar código
Navegador
Firefox
- ENGINE: SpiderMonkey
- Mejor para desarrollar
Chrome
- ENGINE: V8
- Mejor para ejecutar
Gameloop
Objetos
Player
Tenemos dos formas de crear objetos en JavaScript. Una sería prototipando, y la otra sería en el propio objeto. Por claridad nos vamos a decantar por hacerlo dentro de la misma función.
Normal
var Ship = function(){{this.speed = 10;
this.posX = 0;
this.posY = 0;
this.moreSpeed = function(newSpeed){
this.speed += newSpeed;
}
}
Prototipado
var Ship = function(){this.speed = 10;
this.posX = 0;
this.posY = 0;
}
Ship.prototype.moreSpeed = function(newSpeed){
this.speed += newSpeed;
}
console.log(a.speed);
a.moreSpeed(20);
console.log(a.speed);
Disparos
Enemigos
Colisiones
- Podemos complicarnos tanto como queramos
- En nuestro caso, serán colisiones rectangulares
- Artículo más que recomendado:
Collision detection for dummies
IA
Hasta el primer juego creado tuvo una IA.
Algo tan "simple" como un Pong, o
tan complejo como un Ajedrez.
- Fuerza bruta (damas, 3 en raya)
- Sistema de veladuras (arcades, plataformas...)
- Algoritmos genéticos (ajedrez, go)