PUBLIC MARKS with tags WebGL & music

Chrome Experiments est une vitrine du travail de codeurs qui repoussent les limites de la technologie Web, créant de belles expériences Web uniques. Vous trouverez des liens utiles dans tout le site pour créer vos propres expériences, et vous pouvez également explorer des ressources comme WebGL Globe et notre atelier d'outils.

ThreeAudio helps you create music visualizations in Three.js, by exposing audio data in GLSL shaders. It can be used directly with Three.js or as a tQuery plug-in.

There are a few different ways to sync visuals to music: Manual – live controlling visuals with keyboard or midi controls. Sequencing – pre-analyzing the music and scripting an animation as a list of timecoded events. Midi Input –  if you have access to the music’s midi data, this can be a great way to drive visuals. Audio Reactive - code driven visuals that automatically adapt to a live audio input. Here I want to talk about the last method. This can be useful for “Hands Free VJing”, allowing you to sit back and have the visuals automatically sync, or in a video game where you want some part of the visuals to react to the soundtrack.

Art by Code