Monochrome everything

src/index.js

@@ -24,8 +24,8 @@ async function main() {
   const animations = [
     // birds,
     shapes,
-    // circles,
-    // squares,
+    circles,
+    squares,
     // horizontalLines,
   ];
 

src/squares.js

@@ -96,7 +96,7 @@ export default class SquaresAnimation {
   }
 
   draw(sketch) {
-    sketch.background('rgba(0, 0, 0, 0.20)');
+    sketch.background('rgba(30, 30, 30, 0.40)');
     if (!this.fresh) {
       return;
     }
@@ -105,9 +105,9 @@ export default class SquaresAnimation {
     const color = ((this.data.pitch - this.minPitch) / (this.maxPitch - this.minPitch)) * 360;
     for (let i = 0; i < brightness; i++) {
       const p = this.data.spectrum[i];
-      sketch.stroke(color, 100, 100);
+      sketch.stroke(0, 0, 255);
 
-      sketch.fill(color, 100, 100);
+      sketch.fill(0, 0, 255);
       const x = getRandomBetween(0, this.maxX) * this.GRID_SIZE;
       const y = getRandomBetween(0, this.maxY) * this.GRID_SIZE;
       sketch.beginShape();