Antho parle web - Creative Contest - Move your body

Jordan (Madjor)

Visit here : https://creative-contest-apw-move-your-body.vercel.app/

Installation

Run this command in the terminal to install dependencies :

yarn

Compile the code with a local server (during dev).

yarn dev

Objectif

• Mise en place d'une expérience web audio basée sur la Web Audio API (AnalyserNode / FFT)
• L'expérience web aura pour principal objectif de permettre une visualisation du son joué
• Pour l'animation :
  • tous types de context canvas autorisés (2D, WebGL, WebGL2, etc )
  • utilisation de librairies et frameworks tierces autorisés (THREE / PIXI / GSAP / etc)
• Possibilité de choisir un son en particulier si besoin à la condition que ce dernier provienne de la banque EPIDEMIC SOUND (cf Credit)
• Possibilité d'utiliser le micro plutôt qu'un son

Inspiration

• https://bruno-simon.com/lab/experiments/voice-waves/
• https://mattdesl.github.io/codevember/21.html
• https://christmasexperiments.com/2016/13/stained-glass/
• https://twitter.com/anthonylpdev/status/950096675124768770
• https://experiments.withgoogle.com/webgl-particle-audio-visualizer

Source

• https://engineering.carsguide.com.au/javascripts-web-audio-api-3ad0e624945
• https://developer.mozilla.org/en-US/docs/Web/API/AnalyserNode/fftSize
• http://ixd.education/2014/02/digital-lab-lanalyse-audio-et-lutilisation-de-donnees-fft/

Credit

• https://www.epidemicsound.com/