SVG: Un ejemplo más de su potencial
Como siempre, una breve introducción: Como a no poca gente creo, me encantan los créditos finales de The Bourne Identity (El caso Bourne) y la saga en general -creo que es obvio que Extreme Ways tie[...]
- 17
- nov
- 2009
Publicado por J.A.Cobo.
Guardado en Desarrollo web, Diseño web.
hace 3 meses y 4 semanas
1 comentario
Como siempre, una breve introducción:
Como a no poca gente creo, me encantan los créditos finales de The Bourne Identity (El caso Bourne) y la saga en general -creo que es obvio que Extreme Ways tiene mucho que ver 
-.
Hace poco vi algunos vídeos en Youtube para recrear los efectos de los créditos desde diferentes aplicaciones pero sobre todo con After Effects, que por cierto es genial, y en ese mismo instante pensé: vamos a demostrar que no necesitamos Flash para hacer lo mismo de forma estándar, es decir: con SVG.
Ejemplo de créditos finales Bourne con SVG
Anoche realicé mi primera aproximación en apenas una hora y los resultados prometían mucho. Debo aclarar que solo es eso: una aproximación, además de que no estoy muy puesto aún en la animación declarativa -nativa- de SVG ya que solo está soportada por Opera, Safari creo, y poco más. Normalmente yo utilizo scripting pero con el tiempo y el aumento de soporte todo pasará a ser declarativa, en su mayor parte al menos.
Lo que quiero decir es que estos han sido mis primeros pasos en animación declarativa SVG, no está optimizado ni acabado, solo pretende mostrar el potencial de SVG.
Resultado
Muy importante: Como decía, la animación declarativa solo está soportada -que yo sepa hasta ahora- en Opera y Safari, no sé si webkit en general como por ejemplo Chrome. Por lo tanto necesitas un navegador compatible para ver la animación de este SVG, aunque no de su contenido para ver como funciona.
Nota: Es muy recomendable escuchar de fondo, sobre todo el comienzo, el tema «Extreme Ways» de los créditos; es del álbum, estupendo por cierto, «18», de «Moby», y aunque no lo he mirado creo recordar que se puede hacer también con animación SVG.
Acerca del autor
1 comentarios para « SVG: Un ejemplo más de su potencial»
Reacciones (track/pingbacks)
Dejar un comentario.no seas tímido
Acerca de esta entrada
Estás leyendo «SVG: Un ejemplo más de su potencial»,
una entrada publicada el martes 17 de noviembre de 2009.
Etiquetas 
animación, Desarrollo web, estándares-web, SVG
Revisada 
hace 3 meses y 4 semanas
Imprimir
Quizá también te interese:
No hay entradas relacionadasEntradas Recientes
Juan Antonio Cobo
JuanAntonioCobo
- http://blog.culturadigital.org/acerca-de - 20
- @sirolopez Me apunto fijo. Aunque la espero en Cuatro para el invierno :( (vía web).
- hace 9 horas y 47 minutos - Gods and generals, la desconocía por completo -al igual que Gettysburg- pero gran película, sí señor, y grande Lang. (vía Do).
- hace 23 horas y 59 minutos - d(-_-)b ♬ Il pericolo numero uno de Renato Carosone♬ gran rescate del Corte Inglés, ...me encanta (vía Do).
- hace 1 día y 19 horas - Joder como juega el depor, partidazo Sevilla - Depor (vía Do).
- hace 2 días y 13 horas - @pedrerol ¿Sutil sugerencia para el Madrid acerca de Del Bosque? -tras el mundial claro- (vía web).
- hace 2 días y 13 horas - @pedrerol vía web, @maldinisport vía Twitterrific (Mac) ...tendrá que valer la coletilla: «Canal plus, es más» gg (vía web).
- hace 2 días y 13 horas - Maldición madridista, en basket también?? (vía Do).
- hace 2 días y 17 horas - @jakinho Pues no sé explicarlo técnicamente pero creo que es obvio mientras el balón no empiece a desacelerar. (vía web).
- hace 2 días y 17 horas - Malouda se merecía el gol, gran gol. (vía Do).
- hace 2 días y 18 horas - @pedrerol @JuanAntonioCobo Hay que hablar en el vestuario y trabajar más para dar ejemplo. En eso sí que estoy de acuerdo. (vía web).
- hace 2 días y 19 horas - Malouda una máquina de asistencias y colgar balones perfectos. (vía Do).
- hace 2 días y 19 horas - Bufffff, golazo increíble de Parker (West Ham), como mola la Premier. (vía Do).
- hace 2 días y 19 horas - Que empalagoso Petón: «decir Guardiola y buen gusto es redundante», ojjj, que dulzón por Dios. Por cierto: como juega el Chelsea macho. (vía Do).
- hace 2 días y 19 horas - Me encanta cuando cambias de canal y justo pillas un gol: Chelsea 1 West Ham 0 (vía Do).
- hace 2 días y 19 horas - Viendo la mejor película española en años: Airbag :D (vía Do).
- hace 2 días y 19 horas - @glinfolaguardia A ver si kedams para actualizar la sección, hay muxo en glinfo.es Ah, y nolvides q la foto del castillo va como CC-BY-SA ;) (vía web).
- hace 3 días y 17 horas - @pedrerol El «majo» de Guti será como sea pero dijo la pura verdad y realidad del Madrid. Y no olvides que su pase dio pie a la indv. de CR9 (vía web).
- hace 3 días y 17 horas - Confirmado, no recomendaré jamás Telefónica ADSL; más vale malo conocido: ya.com (vía Do).
- hace 4 días y 22 horas - Qué verguenza Telefónica, hacen contratos de 6megas en centrales al 110% de abonados, jopu*** (vía Do).
- hace 4 días y 22 horas - @sirolopez Pellegrini llegará a loq sea, pero da la impresión de no tener alma para el Madrid. Yo dije que Lass&Guti se anulan, dsd Liv'pool (vía web).
- hace 5 días y 8 horas
XHTML
1.1 Válido
[...] no nativos como este último. Además sin necesidad de plugins, como el de Adobe por ejemplo, y sin animaciones declarativas ya que aún están muy poco soportadas, sustituyendo las mismas con Javascript, en este caso [...]