Foros del Web » Creando para Internet » HTML »

Quiero un Ejemplo de Animacion en html 5

Estas en el tema de Quiero un Ejemplo de Animacion en html 5 en el foro de HTML en Foros del Web. Hola, Pues en mi trabajo me estan pidiendo que haga una animacion con html 5. Yo la puedo hacer en flash pero me dijeron que ...
  #1 (permalink)  
Antiguo 20/04/2014, 23:50
Avatar de creativoweb93  
Fecha de Ingreso: julio-2013
Ubicación: Mexico, D.F.
Mensajes: 52
Antigüedad: 10 años, 9 meses
Puntos: 4
Quiero un Ejemplo de Animacion en html 5

Hola,

Pues en mi trabajo me estan pidiendo que haga una animacion con html 5. Yo la puedo hacer en flash pero me dijeron que no x que no se ve en moviles.

La animacion es sensilla solo es una naranja palomita que debe llegar volando y ponerce al lado del logotipo.


¿Alguien tiene un ejemplo parecido en html 5? x que si estoy muy perdida

Si quieren darse una idea pueden ver http://www.ayudaparadejarlasdrogas.org.mx/

Espero me puedan ayudar. Un beso.
__________________
Solo una linda KittenWebDesigner... Mira mi Blog de Diseño :)
  #2 (permalink)  
Antiguo 21/04/2014, 07:51
Avatar de hackjose  
Fecha de Ingreso: abril-2010
Ubicación: Edo Mexico
Mensajes: 1.178
Antigüedad: 14 años
Puntos: 131
Respuesta: Quiero un Ejemplo de Animacion en html 5

Podrias usar una tecnica llamada sprites css

saludos
  #3 (permalink)  
Antiguo 21/04/2014, 08:46
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Quiero un Ejemplo de Animacion en html 5

Hola:

No creo que con ninguna versión html se puedan hacer animaciones... no me gusta que con css se animen cosas, porque las hojas de estilo las considero solo para estilos, y poco más... javascript se puede usar, pero en cualquier versión html... por descartes solo se me ocurre las imágenes svg.

¿Tienes ejemplos?

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #4 (permalink)  
Antiguo 22/04/2014, 00:00
Avatar de creativoweb93  
Fecha de Ingreso: julio-2013
Ubicación: Mexico, D.F.
Mensajes: 52
Antigüedad: 10 años, 9 meses
Puntos: 4
Respuesta: Quiero un Ejemplo de Animacion en html 5

Bueno, esque a mi me dijeron algo relacionado con la tag canvas. Pero creo que lo tendre que hacer con javascrit, aunque en eso de la programacion si estoy perdida.

Gracias.
__________________
Solo una linda KittenWebDesigner... Mira mi Blog de Diseño :)
  #5 (permalink)  
Antiguo 22/04/2014, 01:01
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Quiero un Ejemplo de Animacion en html 5

Hola:

Con canvas se generan imágenes, lo mismo que puede hacerse con svg: Polígonos: svg vs. canvas.

He tratado muy poco las imágenes canvas, pero con svg he implementado algunas animaciones sencillas: SVG animado: algunos ejemplos sencillos.

Podrás ver que más que programación es introducir alguna etiqueta adicional...

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #6 (permalink)  
Antiguo 22/04/2014, 02:29
Avatar de creativoweb93  
Fecha de Ingreso: julio-2013
Ubicación: Mexico, D.F.
Mensajes: 52
Antigüedad: 10 años, 9 meses
Puntos: 4
Respuesta: Quiero un Ejemplo de Animacion en html 5

Gracias por el tip, voy a investigar sobre svg
__________________
Solo una linda KittenWebDesigner... Mira mi Blog de Diseño :)
  #7 (permalink)  
Antiguo 23/04/2014, 22:28
 
Fecha de Ingreso: abril-2014
Mensajes: 7
Antigüedad: 10 años
Puntos: 1
hacer animaciones en html5 es facil con canvas, en internet hay muchos ejemplos

mira:
https://www.youtube.com/watch?v=ITsnoKyzVzA&feature=youtu.be

Última edición por pzin; 24/04/2014 a las 01:59 Razón: combinar mensajes

Etiquetas: animacion, html5
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




La zona horaria es GMT -6. Ahora son las 13:40.