[ENG/ESP] My MIDI Visualizer and a J. S. Bach’s Fugue // Mi Visualizador MIDI y una Fuga de J. S. Bach

in Classical Music3 years ago (edited)

▶️ Watch on 3Speak


[English]

One of the things that I like and didn’t mention in my first post is coding, I don’t do it very often but last year I wanted to have a tool to show music in a different way so I started learning Processing 3 which is based on Java I think, but makes things a little easier for artists.
So, I took a sketch (that’s how you call the coding file) by Thomas Castleman which receives MIDI (Musical Instrument Digital Interface) messages and added a few things. The first thing you can see is that the notes are arranged from top to bottom, the highest notes at the top and the lowest at the bottom, they come from the right and move to the left as time passes by and the size and brightness are a bit changed by the intensity of the notes. Each chromatic note has its own color, I did this by dividing the color wheel by 12, having the 360º of a circle in mind, this means that each note makes a 30º turn.
In this video this process is repeated 4 times, each time changing the MIDI channel so I have 4 voices separated from each other, and the last feature I added was the lines that connect every note with the next note of the same voice.
I chose the first fugue of the Well-Tempered Clavier by J. S. Bach (1685 - 1750) BWV 846 in C minor to show all the features I mentioned, this is a fascinating fugue so I might do a post about it later on.
But that it is for today, thank you for reading and I hope you enjoy the video.

[Español]

Una de las cosas que me gustan y no mencioné en mi primer post es la programación, no lo hago muy seguido pero el año pasado quise tener una herramienta para mostrar la música de forma diferente, así que empecé a aprender Processing 3 que se basa en Java creo, pero hace las cosas mucho más fáciles para artistas.
Entonces, tomé un sketch (así llamas a tu archivo de código) hecho por Thomas Castleman el cual recibe mensajes MIDI (Interfaz digital de instrumentos musicales) y le agregué algunas cosas. Lo primero que pueden observar que las notas están ordenadas de arriba hacia abajo, las más agudas arriba y las más graves abajo, vienen de la derecha y se mueven hacia la izquierda con el pasar del tiempo y tanto el tamaño como el brillo se modifican según la intensidad de las notas Cada nota cromática tiene su propio color, hice esto al dividir la rueda de color por 12, tomando en cuenta los 360º de un círculo, significa que cada nota hará un giro de 30º.
En este video se repite este proceso 4 veces, cada vez cambiando de canal MIDI, para así tener 4 voces separadas unas de otras, y la última característica que agregué fue las líneas que conectan cada nota con la siguiente de la misma voz.
Escogí la primera fuca del Clave Bien Temperado de J. S. Bach (1685 – 1750) BWV 846 en Do menor para mostrar las características que mencioné, esta fuga es fascinante así que quizás haga un post acerca de ella más adelante.
Pero eso es todo por hoy, gracias por leer y espero que disfruten el video.


▶️ 3Speak

Sort:  

It reminds me of Stephen Malinowski's Music Animation Machine. https://www.musanim.com/
What Stephen usually does is take a real performance, manually generate a midi file from that, and then generate the animation.

Hey, thank you for your comment! Yes, his work is a source of inspiration for me. The only thing is that I wanted the fixed relationship between notes and colors, I have a few other examples which I never uploaded in which is nice to see how predominant some colors are depending on the piece key. I had a few other ideas I haven't been able to materialize since I know very little about coding, but maybe someday I'll have to chance to invest more time on it and achieve more interesting results.

Congratulations @csarbaloa! You have completed the following achievement on the Hive blockchain and have been rewarded with new badge(s) :

You received more than 300 upvotes.
Your next target is to reach 400 upvotes.

You can view your badges on your board and compare yourself to others in the Ranking
If you no longer want to receive notifications, reply to this comment with the word STOP

Support the HiveBuzz project. Vote for our proposal!