Mashi |Crear Paginas similares a Flash pero con HTML - CSS - Javascript

[Sylfaen]

Inclusive si no estan interesados en crear animaciones en sus web o creen que solo flash podia generar una animacion los invito a tomarse dos minutos para mirar esta web y una vez convencidos bajarse las librerias al menos para darle una mirada de lo que este proyecto lleva adelante.

 

 

SITIO OFICIAL

 

http://mashi.tv/

[hivitro]

Tube la oportunidad de probar estas librerias y efectivamente es un proyecto muy interesante. Sin usar siquiera un modulo de flash se pueden hacer animaciones basicas pero visualmente agradables.

 

Si alguno trabajo algun momento con productos de adobe, como ser premiere o justamente flash, conoce como se realiza la animacion, graficamente, punto a punto en una linea de tiempo, vamos agregando puntos en los cuales definimos acciones, las cuales al efecturarse generan la animacion deseada, fade, una rotacion, aparicion de una imagen, efecto, etc.

 

Este producto, intenta hacer lo mismo en forma de texto, osea se definen las acciones utilizando librerias de javascrips.

 

Basicamente, aquellos que descarguen el producto, se encuentran con los siguiente archivos

 

(3) - html generales - Muestran como maquetear este objeto para que se vea como la pagina oficial, ya sea leyendo las librerias desde internet, o en forma local.

 

(1) - test.css - Define la apariencia de los html de ejemplo

 

(1) - content.js - (si mal no recuerno) esta dentro del /content/ junto con las imagenes .png de las animaciones, en el cual se define las acciones, paso a paso de lo que queremos animar. Para darles un concepto:

 

Accion -> segundos -> Definicion -> Texto -> Animar

Accion -> segundos -> Definicion -> Esperar

Accion -> segundos -> Definicion -> Borrar pantalla

Accion -> segundos -> Definicion -> mover imagen desde punto 1 a punto2

Accion -> segundos -> Definicion -> Esperar

 

Y asi una y otra y otra vez, realizando este trabajo, obtenermos el resultado buscado.

 

Pude maquetear perfecto el texto, realizar algo que me parecia muy interesante, adaptandolo a un proyecto, pero me encontre con un punto negativo. No puedo eliminar el fondo autogenerado detras de la animacion. Aparentemente no esta definido correctamente, ya que encontre dentro de los js esta configuracion, la modifique buscando el resultado deseado y siempre aparecia de una u otra manera.

 

Sabiendo como eliminar esto, verdaderamente se convierte en un interesante modulo para adaptar y agregar en cualquier sitio que querramos animaciones y no querramos incluir flash, ni gif animados.

 

Saludos.