Pequeño juego en HTML5

Consultas sobre desarrollo de juegos web, usando HTML5, el elemento canvas y Javascript.

Pequeño juego en HTML5

Notapor Barajas » Dom Jun 03, 2012 1:01 am

Hola. Quería mostrar un juego que realice con puro HTML5. Los controles son espacio para disparar, y las flechas para obvio, moverlo :)
Pueden jugar el juego en linea: http://db.tt/ZBqaSi4i

Aquí el código fuente: http://db.tt/prO4GfuO

Me gustaría escuchar sus criticas; Tal vez realice un tutorial :)
Vi veri universum vivus vici
Avatar de Usuario
Barajas
 
Mensajes: 209
Registrado: Mar Nov 16, 2010 12:06 am

Re: Pequeño juego en HTML5

Notapor carleto » Dom Jun 03, 2012 8:38 am

Hola

Vaya, me ha gustado. Ando ahora con un poco de tiempo libre y estaba planteándome hacer un jueguecito, quizás me anime con HTML5.

Barajas escribió:Tal vez realice un tutorial :)


Ya estás tardando :mrgreen:

Saludos
std::cout << "Usuario registrado de Linux Nº 504222" << std::endl;
Avatar de Usuario
carleto
 
Mensajes: 42
Registrado: Mar Ago 21, 2007 9:38 pm
Ubicación: Almería, España

Re: Pequeño juego en HTML5

Notapor hugoruscitti » Dom Jun 03, 2012 12:36 pm

Está genial!, me gustó mucho... tengo muchisimas ganas de aprender javascript
y html5 para hacer juegos, ojalá te animes a hacer el tutorial!! ¿podemos ayudar
en algo?
Avatar de Usuario
hugoruscitti
Site Admin
 
Mensajes: 1242
Registrado: Dom Jul 30, 2006 3:57 am
Ubicación: Buenos Aires, Argentina

Re: Pequeño juego en HTML5

Notapor Barajas » Lun Jun 04, 2012 2:57 am

Y sí, ya me estoy tardando XD

hugoruscitti escribió:Está genial!, me gustó mucho... tengo muchisimas ganas de aprender javascript
y html5 para hacer juegos, ojalá te animes a hacer el tutorial!! ¿podemos ayudar
en algo?


Bueno, tal vez por estos días me anime a ponerlo, pero si lo hago seria solo como una introducción practica, ya que aun estoy buscando como manipular imágenes (trasformaciones y array), y animación :roll: ....

Sobre la pregunta, no sé XD, disculpen jejeje
Vi veri universum vivus vici
Avatar de Usuario
Barajas
 
Mensajes: 209
Registrado: Mar Nov 16, 2010 12:06 am

Re: Pequeño juego en HTML5

Notapor Mightygaver » Lun Jun 04, 2012 5:41 pm

Respecto a animaciones, me recordaste el proyectito que empecé y dejé bastante abandonado de engine JS.

En este fichero está todo el código importante:

https://github.com/jorgonor/jslash/blob ... /jslash.js

Si buscas por la "clase" jslash.Animation puedes ver un ejemplo de implementación usando setInterval como modificador de los cambios, lo que puede que no sea lo más fluido. En la programación de juegos se suele usar requestAnimationFrame http://paulirish.com/2011/requestanimationframe-for-smart-animating/ para que el navegador pueda optimizar la rutina de redibujado sincronizándola con el refresco de pantalla, puede que fuera mejor implementarla en ese bucle para que el efecto fuera mejor. Luego, en las demos hay un ejemplo de uso de la API fluida:
https://github.com/jorgonor/jslash/blob/master/demos/animatedRotations.html

Y bueno, las transformaciones de array son todo un mundo, ahí no sé si en la librería hay algun ejemplo pero recuerdo que algo toqué para implementar una especie de "colorkey" pasando las posiciones con ese colorkey a un rgba con alpha = 0.

Bueno espero que te ayude :)
Mightygaver
 
Mensajes: 69
Registrado: Vie Ago 27, 2010 5:46 pm
Ubicación: Vila-real, España

Re: Pequeño juego en HTML5

Notapor shackra » Lun Jun 04, 2012 7:43 pm

buen juego xD
Avatar de Usuario
shackra
 
Mensajes: 308
Registrado: Lun Jun 15, 2009 4:10 pm
Ubicación: Costa Rica

Re: Pequeño juego en HTML5

Notapor Barajas » Mar Jun 05, 2012 4:08 am

Muchas gracias :)

Mightygaver escribió:Bueno espero que te ayude :)


Y en verdad me ayuda mucho. Ahora estoy trabajando en un proyecto mas grande, tal vez se los muestre luego :)

shackra escribió:buen juego xD


Gracias :)

Ahora, bien, creo -si todo va bien- el fin de semana comenzare a escribir el tutorial :)
Vi veri universum vivus vici
Avatar de Usuario
Barajas
 
Mensajes: 209
Registrado: Mar Nov 16, 2010 12:06 am

Re: Pequeño juego en HTML5

Notapor Mightygaver » Mar Jun 05, 2012 5:32 pm

Estaría muy bien trabajar en algún proyecto conjunto utilizando HTML5. Yo estuve trabajando un poco en CoffeeScript a raíz de un post en el que lo comentamos, pero apenas llegué a familiarizarme mínimamente con el lenguaje, necesito trabajarlo algo más y montarme un entorno más cómodo para trabajar con él.

Eso no impide que me considere bastante eficiente en Javascript (con usar require.js, module pattern y poca cosa más ya pasa a ser un lenguaje decente de usar) y eso hace que me apetezca más empezar un proyecto con él, aunque Coffee sea sintácticamente muy superior.

En un tiempo, a ver si vuelvo a pillarle gusto a programar en horas libres y me animo a presentar alguna proposición de proyecto, o bien a colaborar en alguno de los vuestros, si es que queréis aceptar a este paquete XD.
Mightygaver
 
Mensajes: 69
Registrado: Vie Ago 27, 2010 5:46 pm
Ubicación: Vila-real, España

Re: Pequeño juego en HTML5

Notapor Barajas » Mié Jun 06, 2012 5:08 am

Mightygaver escribió:En un tiempo, a ver si vuelvo a pillarle gusto a programar en horas libres y me animo a presentar alguna proposición de proyecto, o bien a colaborar en alguno de los vuestros, si es que queréis aceptar a este paquete XD.


¡¡¡Me parece perfecto!!!
:D
Vi veri universum vivus vici
Avatar de Usuario
Barajas
 
Mensajes: 209
Registrado: Mar Nov 16, 2010 12:06 am


Volver a HTML5 y Javascript

¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 3 invitados

cron