Le week-end dernier, j’ai eu le plaisir de composer la musique de Blobby Zombie, un jeu créé en 48h seulement par mon ami Simon et son camarade Pierre-Yves, lors d’une Game Jam organisée par Hitbox Makers.
Concevoir et coder un jeu en 48h n’étant visiblement pas assez difficile, ils ont créé un jeu multijoueur en ligne fonctionnel. Bravo à eux !
Il faut être plusieurs, chacun sur un ordinateur, et tout le monde partage la même partie. Les règles et commandes sont disponibles ici.
De mon côté, ces deux jours se sont divisés ainsi :
- 7h le premier jour pour la composition de la bande-son ;
- 7h le deuxième jour pour la "programmation musicale".
La musique
Le jeu repose sur un mécanisme de dernier survivant. Il va donc falloir monter en pression progressivement pour que ruissellent les gouttes de sueur des joueuses et joueurs.
Avec un brief aussi complet que les trois mots « arcade », « horreur » et « fun », je me lance.
Écouter « Blobby Zombie » sur SoundCloud
Anticipant sur la programmation à venir, j’utilise une structure la plus simple possible : une boucle de 4 accords. À chaque nouveau cycle, un instrument se rajoute.
Voici un schéma, c’est important pour la suite, et j’aime les schémas.
Mais comment adapter cette montée en pression de plusieurs minutes à une partie qui pourrait se dérouler beaucoup plus vite ?
La programmation
Commençons par une adaptation simple : j’avais choisi 130 BPM pour la bande son. Passer à 128 BPM est un changement quasi-inaudible qui me permet en revanche d’obtenir des cycles de 15 secondes exactement, ce qui sera bien plus sympathique pour coder et déboguer. C’est toujours ça de pris.
Bon, il nous faut un moyen de sauter de cycle en cycle, par exemple lorsqu’un nouveau joueur se transforme en zombie.
Puisque mes cycles font 15 secondes, c’est assez facile à calculer.
Si je suis au cycle 2 et que je souhaite avancer au cycle 3, je peux calculer qu’il faut avancer à 30 secondes dans le morceau (le cycle 1 commençant à 0 seconde, et le cycle 2 à 15 secondes).
C’est exactement ce que fait cette première démo. À chaque fois que vous cliquerez sur le bouton « Sauter », vous sauterez au début de la section suivante :
Fludifier les sauts de cycles
Si vous jouez un peu avec, vous pouvez probablement entendre que le résultat n’est pas très satisfaisant.
Il y a deux raisons à cela :
- sauter au début du cycle interrompt le rythme que vous pouvez entendre dès le début et tout au long du morceau (cette note unique et répétitive) ;
- sauter au début du cycle suivant interrompt la progression d’accords et la fait recommencer au début, ce qui n’est pas du tout naturel.
La progression d’accords, c’est simplement l’enchaînement des 4 accords qui donne sa structure au morceau. On entend cette progression à partir du deuxième cycle.
On va simplifier un peu (beaucoup) le nom des accords et les appeler C, G, C et F (do, sol, do et fa).
On peut ainsi mettre à jour notre schéma, pour représenter cette progression à partir du deuxième cycle :
Le problème, donc, c’est que si nous passons du milieu du cycle 3 au début du cycle 4, par exemple, nous risquons de faire ça :
Patatra, la progression d’accords est cassée. Alors que nous nous préparions à entendre C puis F pour finir le cycle 3, nous reprenons la progression au départ : C, puis G à nouveau ! Et si on enchaîne vite les cycles, on entend quasiment le premier accord en permanence.
Or le cerveau est très doué pour s’habituer à une progression d’accords bien spécifique, et toute déviation est troublante pour l’auditeur (ce que certains compositeurs peuvent utiliser à leur avantage, mais c’est une autre histoire).
Pour remédier à cette violation rythmique et harmonique intolérable à l’oreille, le remède est simple : il ne faut pas aller au début du cycle suivant, mais à l’instant du cycle suivant qui correspond à l’instant actuellement joué.
Techniquement, c’est presque plus simple que la première version : au lieu de calculer le début de la section suivante, nous allons ajouter 15 secondes – la durée d’un cycle – à la position de lecture.
Par exemple, si la musique a commencé depuis 5 secondes, nous pouvons sauter jusqu’à 5 + 15 = 20 secondes (alors que le début du cycle 2 est à 15 secondes).
Essayez et comparez. Le résultat vous semble-t-il moins abrupt ?
Alors, attention, j’ai dit que les transitions étaient moins abruptes, pas parfaites ! Selon le moment où vous avancez, l’arrivée de tel ou tel instrument peut tout de même sauter aux oreilles. Mais la structure rythmique et harmonique est sauve, et c’est déjà beaucoup.
Masquer la transition
Pour améliorer encore l’effet, voici la botte secrète : un bon gros son bien énergique, qui va venir déguiser notre saut dans le morceau, en plus d’annoncer à tous les joueurs qu’il vient d’y avoir du grabuge.
Ce son, c’est ce que j’appelle le hit. En jouant le hit au bon moment, ce dernier occupe tout l’espace sonore et va permettre aux sauts de s’effectuer « discrètement ». Tous les coups sont permis...
Voici le résultat.
Ce n’est pas encore parfait, mais compte tenu du timing serré, c’est déjà pas mal !
Harmoniser le hit
Finissons avec une petite touche cosmétique.
Actuellement, le hit est toujours le même son. Ce ne sont pas n’importe quelles notes qui sont jouées : elles correspondent précisément à celle du premier accord de la progression.
Autrement dit, elles sonnent très bien sur le premier accord.
Sur les autres accords, le rendu n’est pas choquant, car le hit est un élément bien séparé du reste de la musique. Mais qu’est ce que ça donnerait si le hit était harmonisé avec l’accord actuellement joué ?
Pour cela, j’ai exporté 4 hits différents. Ensuite, il suffit de faire correspondre le hit avec l’accord courant. Si on est dans le dernier quart d’un cycle, c’est qu’il faut jouer le hit qui correspond au dernier accord.
C’est parti !
Cette amélioration passe sans doute inaperçue, c’est d’ailleurs son but, mais je pense qu’elle rajoute une petite couche de satisfaction auditive à l’ensemble.
Musique + code = ❤️
Voir un extrait du jeu sur YouTube
C’est la première fois que je combine ma passion pour la musique et mes connaissances en programmation, et en seulement 48h j’ai pu voir à quel point les possibilités étaient grandes.
C’est l’occasion de recommander une excellente chaîne YouTube : 8-bit Music Theory. Je ne comprends pas la moitié de ce qu’il raconte, mais ses analyses de bande-sons vidéoludiques me fascinent et m’ont fortement influencé pour cette petite expérience.
Quelques liens pour finir :
- Blobby Zombie, le jeu
- Le code source
- La bande-son
Cet article a été initialement publié sur dev.to
✍️ Aucun commentaire pour le moment