sisyphus! interactive art ENG-ESP

hi dear Hivers! today I've been mixing two different things I love, interactive art and Greek mythology!
I will be drawing Sisyphus!.
In Greek mythology, Sisyphus was a bad king who used to throw travelers from a mountain. He also was really smart, since he accomplished to cheat the god of death, chaining him when he was going to take him to the underworld.
As a punishment, the gods forced him to carry a rock through a mountain, and when he came to the mountain top, the rock would fall down again, repeating this process for all the eternity.
Sisyphus remains as a symbol of a futile and repetitive work.
ok, let's draw it! I will start drawing it in Adobe Illustrator!

¡Hola queridos Hivers! hoy he estado mezclando dos cosas diferentes que amo, ¡el arte interactivo y la mitología griega!
¡Estaré dibujando a Sísifo!.
En la mitología griega, Sísifo era un rey malvado que solía arrojar a los viajeros desde una montaña. También era muy inteligente, ya que logró engañar al dios de la muerte, encadenándolo cuando lo iba a llevar al inframundo.
Como castigo, los dioses lo obligaron a llevar una roca a través de una montaña, y cuando llegaba a la cima de la montaña, la roca volvía a caer, repitiendo este proceso por toda la eternidad.
Sísifo queda como símbolo de un trabajo inútil y repetitivo.
ok, vamos a dibujarlo! ¡Comenzaré a dibujarlo en Adobe Illustrator!

image.png

I will use black and orange, as the in the Greek classic amphorae. I love this style.
I am adding details to the body muscles. He is carrying a big rock! he must have big muscles!

Usaré el negro y el naranja, como en las ánforas clásicas griegas. Me encanta este estilo.
Estoy agregando detalles a los músculos del cuerpo. ¡Él está cargando una piedra grande! ¡Debe tener grandes músculos!

image.png

Now I'm drawing the rock and the floor! I'm using the lines to create textures.

¡Ahora estoy dibujando la roca y el suelo! Estoy usando las líneas para crear texturas.

image.png

and now it's ready for the javascript coding part! I am mounting all the image in just one PNG, so I will load parts of the file in a HTML, I also will incline it and move it with javascript and CSS, every time the user clicks on it, Sisyphus will climb the mountain, and sometimes you will get quotes telling you to climb more!

¡y ahora está listo para la parte de codificación de JavaScript! Estoy montando toda la imagen en un solo PNG, así que cargaré partes del archivo en un HTML, también lo inclinaré y lo moveré con javascript y CSS, cada vez que el usuario haga clic en él, Sísifo escalará la montaña, ¡y a veces recibirás citas que te dirán que escales más!

image.png

and this is the result! you can play with it here in the link!
5 editions 1 tezos.

¡Y este es el resultado! ¡Puedes jugar con él aquí en el enlace!

https://objkt.com/asset/KT1E1e24JWwxNfhKo5zNUiG9BgXzZvkiQvA4/9

ezgif-3-457c8256bf.gif

I hope you like it! / espero les guste!
@delcarmat



0
0
0.000
10 comments
avatar
(Edited)

This is very creative! Wow I am impressed by the whole process. It's crazy that you can draw arts like this with illustrator, I have experience using illustrator but I can never draw something like this. Animating it with a combination of CSS and JavaScript is very impressive, you did a very good job 👍

0
0
0.000
avatar

thank you! I got used to draw with vectors working for microstock :D
I found there a place where I can mix illustration and graphic design

0
0
0.000