The Mic object exposes a number of functions
get the total volume mapped to a max value
maps a frequency to a new range
get the total volume of the highs mapped to a max value
get the total volume of the mids mapped to a max value
get the total volume of the bass mapped to a max value
returns an array of all the highs
returns an array of all the highs
returns an array of all the highs
maps a high frequency to a new range
maps a mid frequency to a new range
maps a bass frequency to a new range
~ denotes you can leave these out
ctx.fillRect(x, y, width, height);
ctx.strokeRect(x, y, width, height);
ctx.fillEllipse(x, y, width, height);
ctx.strokeEllipse(x, y, width, height);
ctx.line(x1, y1, x2, y2);
Here's a helpful link: http://htmlcolorcodes.com/
ctx.background("red");
//most colours have an english named variable
ctx.background(red, blue, green);
//values from 0-255
ctx.background(red, blue, green, alpha);
//can also contain alpha/transparency value - alpha values are 0-1
ctx.background(grey);
//grey values from 0-255
####use with filled objects like fillRect(), fillEllipse() use it before you draw your objects
#####ctx.fillStyle
ctx.fillStyle = "red";
ctx.fillStyle = rgb(red, green, blue);
// values from 0-255
ctx.fillStyle = rgba(red, green, alpha);
// alpha is values are 0-1
ctx.fillStyle = rgb(grey);
// draws grey fill
#####ctx.Fill
ctx.Fill("red");
ctx.Fill(red, green, blue);
// values from 0-255
ctx.Fill(red, green, blue, alpha);
// alpha is values are 0-1
ctx.Fill(grey);
// draws grey fill
####use with stroked objects like strokeRect(), strokeEllipse(), line() use it before you draw your objects
#####ctx.strokeStyle
ctx.strokeStyle = "red";
ctx.strokeStyle = rgb(red, green, blue);
// values from 0-255
ctx.strokeStyle = rgba(red, green, alpha);
// alpha is values are 0-1
#####ctx.Stroke
ctx.Stroke("red");
ctx.Stroke(red, green, blue);
// values from 0-255
ctx.Stroke(red, green, blue, alpha);
// alpha is values are 0-1