Foros del Web » Creando para Internet » HTML »

Animar enredaderas SVG

Estas en el tema de Animar enredaderas SVG en el foro de HTML en Foros del Web. Hola, me gustaría saber de alguna manera para animar unas enredaderas echas con svg con alguna libreria java o con css3.. Cómo estas https://www.youtube.com/watch?v=fM_svH50fmM pero ...
  #1 (permalink)  
Antiguo 18/01/2015, 14:28
 
Fecha de Ingreso: junio-2010
Mensajes: 353
Antigüedad: 13 años, 10 meses
Puntos: 6
Animar enredaderas SVG

Hola,

me gustaría saber de alguna manera para animar unas enredaderas echas con svg con alguna libreria java o con css3..

Cómo estas https://www.youtube.com/watch?v=fM_svH50fmM pero en svg.. alguien que sepa de alguna animación similar de unos trazados "path" de svg?


gracias de antemano
  #2 (permalink)  
Antiguo 19/01/2015, 00:05
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 9 meses
Puntos: 2114
Respuesta: Animar enredaderas SVG

Yo he estado jugando hace poco con Snap.svg. Facilita bastante las animaciones SVG.
__________________
(:
  #3 (permalink)  
Antiguo 19/01/2015, 02:40
 
Fecha de Ingreso: junio-2010
Mensajes: 353
Antigüedad: 13 años, 10 meses
Puntos: 6
Respuesta: Animar enredaderas SVG

la vi también he estado trasteando las librerias de http://greensock.com/ dónde muchas muchas páginas ganadoras de awwwards las usan para hacer locuras.

A ve q tal, molaria encontrar algo similar así notendria que inventar la rueda cómo aquel que dice u know?
  #4 (permalink)  
Antiguo 19/01/2015, 04:48
 
Fecha de Ingreso: agosto-2013
Ubicación: A Coruña
Mensajes: 54
Antigüedad: 10 años, 8 meses
Puntos: 14
Respuesta: Animar enredaderas SVG

Hola!. Yo hice algo parecido animando los atributos stroke-dasharray y stroke-dashoffset. Cree el objeto en un programa vectorial y luego la animación desde 0 y listo.
En esta página tienes un tutorial que me vino muy bien. Esta en inglés pero se entiende perfectamente: http://css-tricks.com/svg-line-animation-works/.
Un saludo y espero que te sea de ayuda.

Última edición por Rafael; 19/01/2015 a las 09:15 Razón: Activar el link
  #5 (permalink)  
Antiguo 19/01/2015, 06:38
 
Fecha de Ingreso: junio-2010
Mensajes: 353
Antigüedad: 13 años, 10 meses
Puntos: 6
Respuesta: Animar enredaderas SVG

El problema esta en que no sé cómo animar el fill osea el background, lo que he encontrado es .. que lo pones lo quitas cambias de color rotas y muchas cosas, pero lo que me gustaría hacer se que rellenara el background según yo le indicará, osea cómo lo que haces con dash-array y dash-offset pero haciéndolo con el fill >,<

Etiquetas: 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 18:36.