- wave.more par Yaoyi Luo
- space ship par Julien Vanroy
- pimp my hibou par juliette sage--aubriot
- parle avec toto par chloe sans
- lowpass seigfried par Karl Justiniano
- blue par Gregory Colombe
- speakinggg par An Truong
- fire ice cream par Serge Bocancea
- space3000 par Léon Baudouin
- project sound par Emilien Vandevelde
- le piano des animaux par Vincent Largillet
- cerfs volants theremin par Morgane Sauneuf
- cantar par Michael de Laborde
- generative forest par Marius Ballot
- space mess par Théo Lemoine
- game of life sound evolution par Aurelien Hemidy
- casse-brique par Yann Chabot-Thomas
- space invaders mind par Ludovic Pouyaut
- spectrum par Pablo Aparicio
- accordeur vocal par Léo Mouraire
- ns-03_theremin par Arno Dubois
- epileptic-circles par Brieuc Caillot
"This works so far"
Yaoyi Luo
en chantant / parlant devant un microphone l'utilisateur dessine des formes colorées
chaque voix est unique, nous avons l'habitude de l'entendre, wave.more permet de se rendre compte de cette unicité en visualisant les voix
les empreintes de voix sont en suite accessibles dans une gallerie d'images
vanilla javascript, paperjs, express
à définir
pioupiou vivent les lasers
Julien Vanroy @jujuonelove http://spaceship.julienvanroy.fr/
jeu asteroid-like multijoueur en réseau
phaser, socket.io
une expérience à dormir debout
juliette sage--aubriot @juliettesageaubriot
L'utilisateur peut configurer son avatar sous forme d'un hibou et le partager avec d'autres utilisateurs
paperjs, express
il a un sacré accent québécois
chloe sans @chloesans
toto est un ami virtuel avec-lequel l'enfant dialogue et apprend à distinguer les différentes parties du corps
les conversations entre l'enfant et toto
paperjs, webaudio, express
cc by sa 4.0
visualisation de spectre audio en 3d
Karl Justiniano @karljstn
à partir d'une cover de Franck Ocean - Seigfried par Justice Der, l'utilisateur peut appliquer un filtre et donc modifier le rendu sonore du morceau en visualisant le spectre des fréquences
threejs, webaudioapi, express
un enregistrement de 9 secondes d'une variation du morceau
compliqué puisque utilise la cover une œuvre soumise au copyright :-)
Gregory Colombe @GregoryColombe
Sur le morceau "In the end" de la collaboration entre XXXTentacion et Lil Peep pour leur album "Falling down", l'utilisateur peut à l'aide de sa souris jouer avec la spacialisation du son et visualise cette balance gauche-droite avec un nuage de particules bleues.
pixi, weaudio, express
cc by sa 4.0 c'est compliqué car se base sur une œuvre soumise au copyright
une expérience de communication entre la voix et la visualisation de la voix
An Truong @sdsmnc221
chat texte entre utilisateurs dictant leurs messages en visualisant le pitch, les mots prononcés, le volume et les fréquences vocales
google speech recognition, webaudio, paper, socket.io
le jeu qui te fera crier
Serge Bocancea
un flappy-bird like controllé par la voix, très ludique
leaderboard
canvas, webaudio, express
MIT design: luc miramont
jeu d'obstacles contrôlé à la voix
Léon Baudouin @leonbaudouin
space3000
jeu d'obstacles contrôlé par la tonalité de la voix
des enregistrements débiles
canvas, baudouinframework, collisions, webaudio, express
cc by sa 4.0 framework: mit
Emilien Vandevelde @emilien-v
experience de visualisation d'un morceau de musique qui interagit en fonction des fréquences sonores. L'utilisateur peut aussi influencer le résultat
un instantané du morceau
paper, webaudio, express
cc by sa 4.0
le cri des animaux comme notes de musique
Vincent Largillet @vincentlrg
un piano qui en guise de note emmet des cris d'animaux
faire découvrir aux enfants le cris des animaux dans une expérience multimédia et interactive
des morceaux composés de cris d'animaux
webaudio, canvas, express
cc by sa 4.0
Morgane Sauneuf @morganesauneuf
cerf volants theremin
deux joueurs font voler des cerfs volants grâce à des manettes de console et composent une musique électronique
des harmoniques composées à plusieurs
webaudio, paper, express, gamepadapi
une expérience apaisante
Michael de Laborde
expérience relaxante où l'utilisateur incarne un autour des palombes (rapace) au vol régilier
dirigeant son vol, l'utilisateur va faire varier l'ambiance sonore
enregistrement de l'expérience
three, react, webaudioapi, gamepad, gsap tweenmax
cc by 4.0
Marius Ballot @mariusballot
- code source https://github.com/MariusBallot/GenerativeForest
- demo https://www.mariusballot.com/lab/generativeForest/
experience immersive dans un environnement 3D génératif
aucune
threejs, glsls, webaudioapi, c4d, blender, fl studio
cc by sa 4.0
Théo Lemoine @TheoLemoine
asteroid-like multi-joueur piloté par le giroscope du téléphone
socket.io express paperjs deviceorientation webaudioapi
design génératif visuel et sonore
Aurelien Hemidy @aurelien.hmdy
un écran de design génératif affiche des pixels avec la logique du game of life et en fonction de son comportement va générer une musique
musique aléatoires générées par des sessions de jeu
canvas, express, webaudio
wtfpl
un casse-brique sonore
Yann Chabot-Thomas @ychabot-thomas
un casse-brique où le joueur est injectivé au cours de sa partie
leaderboard
phase, express
dual MIT wtfpl
Ludovic Pouyaut @ludoPyt
shoot them up rythmique: le décors de ce jeu réagit à la bande son : l'impératrice 'agitation tropicale',
aucune
paperjs webaudioapi, express
compliqué car utilise musique non libre de droit
Pablo Aparicio @paaparicio
sprectrum
c'est un audio visualiser: l'utilisateur peut ajuster différents types de rendus qui sont animés par le son joué et les mouvements de souris
screeshots / pochettes d'album
canvas, webaudio, express
Léo Mouraire @leochocolat
- code source https://github.com/leochocolat/CanvasSound
c'est comme un mirroir qui retransmet de manière graphique la hauteur de la voix: l'utilisateur se voit et quand il parle ou chante, voit les notes sortir de sa bouche. la note la plus proche de celle qu'il chante lui est donnée en feedback dans le casque audio
instantanés de l'expérience
webAudioApi, canvas, express, faceapi.js, tone.js, pitch detection
dépend des licenses des composants
une interface naturelle de theremin
Arno Dubois @arno500
en accorchant des joy-con à ses poignets, l'utilisateur joue du thérémin sans avoir d'interface
aucune
websocket, pixi, ns-joycon (node), webaudio
Une experience en canvas avec des cercles qui changent de couleurs et rebondissent partout !
Brieuc Caillot @BrieucKyo
Possibilité de générer, supprimer, changer la couleur des cercles, ainsi que changer le fond de l'experience avec une manette. Gain audio qui s'adapte au nombre de cercles présents sur l'experience.
Enregistrement visuel et audio de l'experience
canvas, webaudioapi, express
wtfpl