You can use the p5.sound library in p5.js to access sound information, like amplitude or frequency. You can combine this with the p5.js library p5.js-extras to create an audio-reactive 3D script.

The sketch below is a basic example of an 3D audio-reactive visualizer using p5.js. Notice that we use the p5.sound library within the setup() and draw() functions to access sound data.

javascript
 
 
Copy code
// create a canvas
var cnv = createCanvas(512, 512);

// create an audio element using p5.sound
var mySound;
function preload() {
  mySound = loadSound('./music.mp3');
}

function setup(){
  mySound.play(); // play the audio on load

  // access the amplitude of the sound
  amplitude = new p5.Amplitude();
}

function draw(){
  background(51);

  // get the audio frequency spectrum 
  spectrum = amplitude.getLevel();

  // use the spectrum to change the size of the sphere
  var size = map(spectrum, 0, 1, 0, 500);

  // draw a 3D sphere
  push();
  noStroke();
  fill(255);
  translate(250,250,-50);
  sphere(size);
  pop();

}