Com base no aprendizado com o prof. Guilherme, me senti muito estimulado em programar novamente do zero e com base na lógica na inserção de sons, implementei um fundo de tela diferente e inclusive a inserção de volume para assim buscar uma melhor equilíbrio com tanto áudio inserido rs.
//inserindo varível
let img;
//Dentro do preload o carregamento da mesma
function preload(){
trilha = loadSound("trilha3.mp3");
ponto = loadSound("ponto2.mp3");
raquetada = loadSound("raquetada.mp3");
img = loadImage("fundo.png");
}
function setup() {
createCanvas(600, 400);
trilha.loop(0, 1, 0.3); -> QUestão para o volume não ficar tão ensurdecedor rs
Segue abaixo o código completo https://editor.p5js.org/wolverax/full/ZoLKfPRFm