hi dear Hivers! I'm bringing you a new post about interactive art. I'm playing with Javascript and CSS, mixing it with vector files to create interactive animations.
This time I want to create something inspired by "glitch art", this means, the images generated by errors and interferences in broadcasting or the result of corrupted images files.
First I will start drawing a face in Adobe Illustrator.
¡Hola queridos Hivers! Les traigo un nuevo post sobre arte interactivo. Estoy jugando con Javascript y CSS, mezclándolo con archivos vectoriales para crear animaciones interactivas.
Esta vez quiero crear algo inspirado en el "glitch art", es decir, las imágenes generadas por errores e interferencias en la transmisión o el resultado de archivos de imágenes corruptos.
Primero comenzaré a dibujar una cara en Adobe Illustrator.
I'm adding hair in another layer.
Estoy agregando cabello en otra capa.
I want to add some animation after the user clicks in the scene. The image will turn into a skeleton.
Quiero agregar algo de animación después de que el usuario haga clic en la escena. La imagen se convertirá en un esqueleto.
and the glitch part! I'm adding some rectangles that will deform the drawing!
y la parte de la falla! ¡Estoy agregando algunos rectángulos que deformarán el dibujo!
time for coding all in Javascript! I'm enjoying trying to figure out how to recreate the animation I used to did in After Effects just with plain text.
And this is the result! if you like it and want to be the owner of one edition of the nft and help me to create more art, you can find the original interactive piece here:
¡Es hora de codificar todo en Javascript! Disfruto tratando de descubrir cómo recrear la animación que solía hacer en After Effects solo con texto.
¡Y este es el resultado! si te gusta y quieres ser el propietario de una edición de nft y ayudarme a crear más arte, puedes encontrar la pieza interactiva original aquí:
https://objkt.com/asset/KT1RJ6PbjHpwc3M5rw5s2Nbmefwbuwbdxton/759667
I hope you like it! / espero les guste!