Crear animaciones con animaciones html5 y css.

animaciones web facilmente

Crea estupendas animaciones web con imagenes svg, tutorial explicando paso a paso el código

Programas de Animacion

Pagina creada por josé manuel Mateos Terrén .

INICIO Nosotros Crea animaciones online

Que es el formato svg

svg example que es formato svg

Para empezar diremos que S.V.G son siglas de gráficos vectoriales escalables

Si desmenuzamos tal descripción podremos deducir que es un formato de dibujo,

que fue desarrollado por el W3C desde el año 1999.

Estos dibujos son de formato vectorial , esto es, sus puntos de formación son puntos matemáticos con un determinada situación y longitud, no son cuadraditos de colores como Píxeles , Por esta condición de pueden ser ampliados hasta el infinitos sin perder ningún tipo de información de la forma de dicho dibujo

Por definición son gráficos en dos dimensión , aunque más adelante veremos que podemos hacer representaciones graficas y animaciones en tres dimensiones , aunque no es lo apropiado para ello

Una de las ventajas mas poderosas que tenemos en el formato S.V.G es que esta hecho en formato XML

Este formatos de textos con etiquetas de apertura y cierre tiene la ventaja que siendo texto es fácilmente modificado por otros lenguajes de programación como javascript creando autenticas locuras en transformaciones dinámica de dibujos

Otra ventaja es que dentro de texto que representa el grafico podemos también incluir texto de todo tipo de fuentes, imágenes y código en java script para el cambio dinámicamente de los gráficos sin exponerlo a fuentes externas

Una ventaja o desventaja de los gráficos svg es que su sistema de coordenadas empieza en la esquina superior izquierda así pues la x=0 y la y =0 concuerdan con esa esquina

No podemos olvidar en que un svg se puede animar ,esto es, que le podemos dar movimiento a nuestro grafico, escalándolo girándolo ,distorsionándolo en un determinado espacio de tiempo, todo ello lo iremos viendo , aunque también os diré que he encontrado graves problemas de compatibilidades con los diferente exploradores.

Animación de gráficos svg, realizado en nuestro simulador en 3 minutos ;) link al codigo