VILLA LAS MARIAS
Es un repositorio muy personal creado con la idea de afianzar habilidaddes en la construcción de imágnes vectoriales para animarlas con javascript. Villa Las Marías es un espacio de encuentro familiar cuya idea empezó a gestarse en 1999. Ha significado un gran esfuerzo y es quizá la decisión mas acertada que hemos tomado como grupo familiar. Ha permitido una integración real muy especial.
Sentí allí una motivación importante para emprender este ejercicio de aprendizaje. Las imágenes vectoriales se han vuelto un tema de alto interés y quizá por ello llegué al descubrimiento de la herramienta Adobe-Xd. He construído varias imágenes que han requerido de un buen número de horas de trabajo. Eso me ha permitido ser mas ordenado cada vez que termino una imágen nueva. Por ejemplo, la denominación de los elementos que la componen según su ubicación facilita la creación y organización de los efectos de animación.
La imágen vectorial de Villa Las Marías consta 97 elementos de dibujo (path). Los elementos están organizados por grupos y cada uno representa, en este caso, las diferentes partes que la definen espacialmente: pisos, muros, ventanas, cubierta, etc. Construída una imágen en Adobe-XD se puede exportar a donde se necesite en el formato que deseemos. Cuando se exporta con la opción de formato sgv se obtienen las líneas de código para insertarlas en el documento html, incluidos los estilos.
Javascript, así como css, permite animar elementos de html. Sumado a eso dispone de las funcionalidades setIterval y setTimeout que dan la posibilidad de mostrar de manera secuencial las diferentes partes que componen la imágen y cada secuencia de manera animada. Quien interactúa con la imágen puede decidir el inicio de la animación y de igual manera detenerla.