Enero 17, 2018, 08:39:53 pm

Autor Tema: Para el que quiera pasar un rato: canvas invaders  (Leído 1847 veces)

0 Usuarios y 1 Visitante están viendo este tema.

Desconectado messerschmitt

  • Si te metes con CPH
    te metes conmigo
  • ****
  • Mensajes: 2242
  • Sexo: Masculino
    • Ver Perfil
Para el que quiera pasar un rato: canvas invaders
« en: Junio 13, 2013, 05:53:03 pm »
Hace tiempo lo posteé pero estaba bastante verde. He tenido ratos libres en los que he ido probando cosas nuevas y algún experimento que otro. Ahora que llegan las vacaciones y probablemente haga morir todo resquicio tecnológico en mi vida dejo el proyecto aquí. Por si alguien quiere seguirlo, coger trozos o hacer con él lo que quiera (si puede ser todo en este post por contribuir mejor). Lo he dejado bastante estable, si eres un experto en jeroglífica y sabes algo de javascript no tendrás problema en entender un tercio del código.
El canvas se hace adaptativo al navegador conservando las proporciones originales, que también se aplican a los toques en pantalla. "Funciona" en teléfonos móviles con touchstart y touchend de javascript (lo último que estuve probando) pero al usar setTimeout para casi todo va lentíiiiiiisimo, así que si tienes ganas puedes usar la api de requestAnimationFrame. A los tres "botones" de abajo sólo se les puede calificar de rudimentarios jajajajajaja
Para navegadores de escritorio se juega con enter, las flechas y con espacio.
Inauguro este post oficial de cphhub, preguntas, respuestas y contribuciones aquí.

URL: You are not allowed to view links. Register or Login
Hay un "Archive.zip" que acabo de hacer con todo metido por si lo quieres descargar para pasar un rato divertido (no).

P.D:
Si alguien quiere el user y la pass del hosting por comodidad que me mande un mezu pribatua.
Agures a todass :-*


Qué hacemos con canvas en HTML5?:

 Aplicaciones de uso de Canvas
Canvas permite dibujar en la página y actualizar dinámicamente estos dibujos, por medio de scripts y atendiendo a las acciones del usuario. Todo esto da unas posibilidades de uso tan grandes como las que disponemos con el plugin de Flash, en lo que respecta a renderización de contenidos dinámicos. Las aplicaciones pueden ser grandes como podamos imaginar, desde juegos, efectos dinámicos en interfaces de usuario, editores de código, editores gráficos, aplicaciones, efectos 3D, etc.

Actualmente algunas de las aplicaciones más novedosas para para la web utilizan ya canvas para su funcionamiento, donde se puede destacar Bespin, un editor de código de Mozilla, o Google Wave. En la entrada de la Wiki sobre Canvas podemos encontrar diversos enlaces a sitios web con ejemplos de uso de este elemento del HTML 5.

En los siguientes artículos veremos ejemplos de uso de canvas y explicaremos cómo podemos utilizar nosotros mismos esta nueva herramienta del HTML 5.
« Última modificación: Junio 15, 2013, 09:06:54 am por M4inFox »
Y Dios vio que era bueno y dijo:
Noo, no tes has equivocado de foro, Atención Atención

Desconectado HackID1

  • Me das tu password?
  • **
  • Mensajes: 206
  • Sexo: Masculino
  • Todo es posible, cuando te lo propones.
    • Ver Perfil
Re:Para el que quiera pasar un rato: canvas invaders
« Respuesta #1 en: Junio 15, 2013, 03:19:11 am »
Lo probe la 1 vez y perdi jeje. Esta bueno el juego.
Yo tuve que hacer uno en el instituto hace un tiempo, aunque sin canvas ya que esto no lo dimos en el temario..
=Multitarea: Dos o más programas pueden fallar simultáneamente.
=El computador nació para resolver problemas que antes no existían.

:*: HACKID

Desconectado Solid Water

  • Yo vivo en CPH
  • ***
  • Mensajes: 1072
  • Sexo: Masculino
  • Vuelvan Hackers!
    • Ver Perfil
Re:Para el que quiera pasar un rato: canvas invaders
« Respuesta #2 en: Junio 15, 2013, 04:50:41 am »
Está muy bueno, recuerdo que hace un tiempo bajé la versión anterior.

Saludos,

Not for the money, not for the fame. Not for the power, just no more games.


question
Ayuda para copiar canvas de una web

Iniciado por Solid Water

0 Respuestas
1872 Vistas
Último mensaje Noviembre 23, 2017, 03:55:54 pm
por Solid Water
xx
crear barra de progresos en canvas para cancion

Iniciado por poldara

11 Respuestas
2113 Vistas
Último mensaje Marzo 01, 2015, 03:44:20 pm
por poldara
xx
para reirse un rato...

Iniciado por seth

3 Respuestas
1026 Vistas
Último mensaje Diciembre 26, 2007, 04:51:57 am
por seth
thumbup
Para reirte un buen rato xD

Iniciado por Kraduld1

12 Respuestas
1450 Vistas
Último mensaje Marzo 13, 2009, 05:58:08 pm
por txged
xx
un pequeño reto para el que quiera

Iniciado por xlxbrigittexlx

0 Respuestas
1083 Vistas
Último mensaje Agosto 02, 2008, 12:02:47 am
por xlxbrigittexlx
exclamation
Space Invaders [Binary_Death]

Iniciado por Binary_Death

2 Respuestas
1016 Vistas
Último mensaje Agosto 09, 2010, 02:52:26 pm
por Binary_Death
thumbup
Felicidades Space Invaders, 30 años

Iniciado por Bl@ster25

0 Respuestas
689 Vistas
Último mensaje Julio 06, 2008, 10:40:45 am
por Bl@ster25
exclamation
[Batch Game] Space Invaders (BETA) - by SmartGenius

Iniciado por GENIUSALEX

13 Respuestas
2393 Vistas
Último mensaje Agosto 12, 2010, 02:27:16 pm
por JonySniuk
xx
canvas

Iniciado por josea210

2 Respuestas
1198 Vistas
Último mensaje Mayo 02, 2009, 09:34:26 am
por josea210
resuelto
Ayuda con canvas!

Iniciado por MetalRider

0 Respuestas
874 Vistas
Último mensaje Agosto 12, 2012, 09:01:20 pm
por MetalRider