making a musical minigame! ENG-ESP

over 1 year ago

hi dear Hivers!
Today I'm sharing you the making of a new minigame.
I wanted to do a strange mix between Greek mythology, and that music games like guitar hero or the one from arcades where you have to jump and match the combination.
This will be the concept then, I will draw the Moirai, the three sisters of destiny. In mythology, these three sisters used to weave strings, and each string represent one life, when the string is cut, the person dies!
So first I will start drawing the background.

¡Hola queridos Hivers!
Hoy les comparto la realización de un nuevo minijuego.
Quería hacer una mezcla extraña entre la mitología griega y los juegos de música como guitar hero o el de las salas de juegos donde tienes que saltar y hacer coincidir la combinación.
Este será el concepto entonces, dibujaré a las Moiras, las tres hermanas del destino. En la mitología, estas tres hermanas solían tejer hilos, y cada hilo representa una vida, cuando se corta el hilo, ¡la persona muere!
Entonces, primero comenzaré a dibujar el fondo.

I'm in adobe illustrator drawing with the mouse. I'm drawing a wheel that will rotate in the background, and the arc will be the place for the strings, where the color combinations will fall down.
Now I'm drawing the three sisters!

Estoy en adobe illustrator dibujando con el mouse. Estoy dibujando una rueda que girará en el fondo, y el arco será el lugar para las cuerdas, donde caerán las combinaciones de colores.
¡Ahora estoy dibujando a las tres hermanas!

and now I'm drawing the color combinations, the red gem will be your lives to keep trying, if you lose all your lives, you will lose the game.

y ahora estoy dibujando las combinaciones de colores, la gema roja sera tus vidas para seguir intentando, si pierde todas tus vidas, perderás el juego.

let's test how it will look with all the pieces.

vamos a probar cómo se verá con todas las piezas.

now the hard part! let's code in Javascript!
The first part will be to make the colorful pieces to fall down. It will add one color randomly, it could be the orange, purple or green, and each one has its side in the game.

ahora la parte dificil! ¡a programar en Javascript!
La primera parte será hacer caer las piezas de colores. Se agregará un color al azar, puede ser naranja, morado o verde, y cada uno tiene su lado en el juego.

I've created a variable for the speed of falling colors, as long as you keep on playing, the speed will increase!

He creado una variable para la velocidad de los colores que caen, mientras sigas jugando, ¡la velocidad aumentará!

and the hardest part! I have to detect when you click on the color buttons at the bottom of the screen. If you click on them, it will detect if there are a piece in the square. If you match the color with the piece, you will add one point to the score, if you don't match with any piece there, it will mark as a failure and you will lose one life.

¡y la parte más difícil! Tengo que detectar cuando hace clic en los botones de color en la parte inferior de la pantalla. Si haces clic sobre ellos, detectará si hay alguna pieza en el cuadrado. Si aciertas el color con la pieza, sumarás un punto a la puntuación, si no aciertas con ninguna pieza, se marcará como un fallo y perderás una vida.

and finally I added some harp sounds in the game.
so this is the result!
you can play or collect the nft here!
https://objkt.com/asset/hicetnunc/792137

y finalmente agregué algunos sonidos de arpa en el juego.
asi que este es el resultado!
¡puedes jugar o coleccionar el nft aquí!
https://objkt.com/asset/hicetnunc/792137