Paint with Music

mouse-level.p5.js

let mic, timeline, minLevel, maxLevel;

function setupAudio(){
	userStartAudio();
	
	mic = new p5.AudioIn();
	mic.start();
}

function setup() {
	createCanvas(windowWidth, windowHeight);
	timeline = [];
	setupAudio();
	background(30);
	minLevel = 0
	maxLevel = 0;
	
}

function draw(){
	colorMode(RGB)
	background(30, 1);
	noStroke();
	
	colorMode(HSB)
	
	let micLevel = mic.getLevel();
	maxLevel = max(maxLevel, micLevel)
	minLevel = min(minLevel, micLevel)
	fill(map(micLevel, minLevel, maxLevel, 0, 100), 100,100)
	
	
	circle(mouseX, mouseY, micLevel * height * 10)
}