Distorted sound when loading multiple MP3s

[kll]

– i see no use to run 30 sounds same time

– also why at beginning you play every sound double ( by play() AND loop() )

reference | p5.js

– the concept for your program is to adjust the volume ?of all 30 ? sounds 60 times per sec.
better not this way…

---

please make a new version of your program and try first
( without all the fancy volume /mouse distance code )

-a-
all file from setup:
x.loop();
x.pause();

-b- on mousePressed use like

function mysong( go ) {
  if ( go && !song.isLooping() ) song.loop();
  if ( !go && song.isLooping() ) song.pause();
}

p5.js Web Editor

---

later you can build in a

fade (in / out )

over it again