Foros del Web » Creando para Internet » HTML »

HTML5 Framework para Juegos propio

Estas en el tema de HTML5 Framework para Juegos propio en el foro de HTML en Foros del Web. ¿Extrañas ActionScript 3? ¿El save y restore del canvas te marea? Aquí esta tu solución Estudiando el tag canvas de HTML5 me dispuse a armar ...
  #1 (permalink)  
Antiguo 18/01/2012, 06:21
Avatar de lucasmoyano  
Fecha de Ingreso: enero-2010
Mensajes: 75
Antigüedad: 9 años, 10 meses
Puntos: 10
Sonrisa HTML5 Framework para Juegos propio

¿Extrañas ActionScript 3?
¿El save y restore del canvas te marea?
Aquí esta tu solución


Estudiando el tag canvas de HTML5 me dispuse a armar un framework que permita programar de la misma forma que en ActionScript 3.

Application:
Equivale al Stage de AS3. Extiende de View.
En su función constructora recibe:
FPS - Velocidad del proyecto
idCanvas - El id del tag canvas
bgColor - Color de fondo
isDebugMode - Para mostrar los FPS en pantalla

View:
Equivale a los sprites de AS3. Controla el renderizado a partir de una lista de "childs" utilizando los métodos addChild y removeChild. También detecta si alguna de sus "childs" colisiona con cierto punto (usado para el control del click).
Sus principales propiedades:
x
y
alpha
rotation
scaleX
scaleY
visible
parent
childs

ViewImage:
Equivale al Bitmap de AS3. Si quieres aplicarle escala, rotación o transparencia tienes que agregarlo dentro de un View, y modificar ese View. Permite recortar la imagen en una posición determinada (función cut). En el método constructor se agrega la URL de la imágen, y cuando esta es cargada ejecuta la función onLoadComplete que puede ser reemplazada.
Con la función localToGlobal se obtiene el area de esta imágen modificada por todos los Views padres.
Sus principales propiedades son:
url
x
y
width
height
visible
maskX
maskY
maskWidth
maskHeight
parent

ViewSprite
Sirve para generar animaciones a partir de una imágen.
[img=http://www.videoscrack.com/html5/data/character/0.png]
En su función constructora se indica:
URL - Dirección de la imágen
cols - Cantidad de columnas
rows - Cantidad de filas
duration - Duración de la animación
isLoop - Si la animación se va a repetir

ViewText
Equivale al TextField de AS3 (aunque es mucho más simple). En su función constructora se indica:
text - Texto a mostrar
font - Fuente a utilizar
size - Tamaño de la fuente
fillColor - Color del texto
align - Tipo de alineamiento
Además cuenta con la función setStroke, para indicarle un borde al texto. localToGlobal también esta presente en esta clase.

Events
Esta es una simple clase para poder controlar los eventos de click a las Views. Lo único que le falta es controlar la propagación, o ver la forma de utilizar el addEventListener de javascript.

Ejemplo:
Este ejemplo es muy simple, lo hice en una hora a partir de otro proyecto que tenía como para mostrar algún resultado. Pero las capacidades del framework es mucho más grande que las de este ejemplo.

www.videoscrack.com/html5/index.html
Dibuje todo yo ^^

Descargar Framework y el Ejemplo

Al framework le faltan varias cosas todavía. Tiene un bug del click si se mueve el scroll de la web, y tampoco detecta bien el click de una View con rotación. Todavía no le agregué filtros. Habría que aumentar el performance. No tiene asignación de tamaño por width y height. No tiene una clase para controlar video. Y muchas cosas más...

Así que el que quiere ayudarme a mejorarlo será más que bienvenido ;)
  #2 (permalink)  
Antiguo 01/02/2012, 20:14
Avatar de lucasmoyano  
Fecha de Ingreso: enero-2010
Mensajes: 75
Antigüedad: 9 años, 10 meses
Puntos: 10
Respuesta: HTML5 Framework para Juegos propio

creo que es un proyecto bueno, pero nadie me dio una respuesta ni opinion :P
  #3 (permalink)  
Antiguo 01/02/2012, 20:47
Avatar de memoadian
Colaborador
 
Fecha de Ingreso: junio-2009
Ubicación: <?php echo 'México'?>
Mensajes: 3.696
Antigüedad: 10 años, 5 meses
Puntos: 641
Respuesta: HTML5 Framework para Juegos propio

Es un proyecto magnifico brother, gracias por compartirlo. veamos.
  #4 (permalink)  
Antiguo 15/02/2012, 18:13
 
Fecha de Ingreso: marzo-2011
Mensajes: 34
Antigüedad: 8 años, 8 meses
Puntos: 2
Respuesta: HTML5 Framework para Juegos propio

EXCELENTÍSIMO Framework, voy a revisarlo bien para ver si puedo ayudarte en algo, felicidades!.

Tienes algún blog o algo para seguir viendo tus avances?.

Saludos!.
  #5 (permalink)  
Antiguo 18/05/2012, 14:55
Avatar de lucasmoyano  
Fecha de Ingreso: enero-2010
Mensajes: 75
Antigüedad: 9 años, 10 meses
Puntos: 10
Respuesta: HTML5 Framework para Juegos propio

holaaaaa, encontre un framework igual al que estaba armando pero mejor, se llama easeljs.
aenima_tool mi web es: www.videoscrack.com

Etiquetas: actionscript, aventura, canvas, framework, games, html5, javascript, juegos, programacion, graficos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 5 personas




La zona horaria es GMT -6. Ahora son las 18:34.