From 04b170fdc313c3071090751a7c26e2da736502b2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?PrincezzSparklez=20=E2=9C=A8?= <ashley@kawaaii.moe>
Date: Tue, 10 Dec 2019 10:55:10 +0100
Subject: [PATCH] Added rainbow colours (gradient) [updated]

It's not something to improve it, but it will make it more awesome to look at!

I made a quick change to the code again, I forgot to also make it work when curved is enabled!
*note to the developer: you can ignore the previous request*
---
 visualizer.js | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/visualizer.js b/visualizer.js
index ccdb083..c28b9a9 100644
--- a/visualizer.js
+++ b/visualizer.js
@@ -16,6 +16,8 @@ let drawCurved = true;
 let drawFilled = false;
 //Whether to draw text the songText on top of the visualisation
 let drawText = false;
+//Rainbow gradients more your thing? You can enable this for full rainbow effect (this ignores "barColour")
+let rainbowColours = false;
 
 //Can't touch this
 let audioContext;
@@ -93,6 +95,17 @@ function paint() {
 
 	if(!audioVisualizerInitialized)
 		return;
+	
+	if (rainbowColors) {
+		var gradient = canvasContext.createLinearGradient(10, 0, canvasWidth, canvasHeight);
+		gradient.addColorStop(0, 'red');
+		gradient.addColorStop(1 / 6, 'orange');
+		gradient.addColorStop(2 / 6, 'yellow');
+		gradient.addColorStop(3 / 6, 'green');
+		gradient.addColorStop(4 / 6, 'blue');
+		gradient.addColorStop(5 / 6, 'indigo');
+		gradient.addColorStop(1, 'violet');
+	}
 
 	canvasContext.fillStyle = backgroundColour;
 	canvasContext.fillRect(0, 0, canvasWidth, canvasHeight);
@@ -100,7 +113,9 @@ function paint() {
 	let bins = audioAnalyserNode.frequencyBinCount;
 	let data = new Uint8Array(bins);
 	audioAnalyserNode.getByteFrequencyData(data);
-	canvasContext.fillStyle = barColour;
+	
+	if (rainbowColors) { canvasContext.fillStyle = gradient; } 
+	else { canvasContext.fillStyle = barColour; }
 
 	if (drawPitch)
 		updateBinsLog(logLookupTable, data);
@@ -112,7 +127,8 @@ function paint() {
 			paintSingleBin(i);
 		}
 	} else {
-		canvasContext.fillStyle = barColour;
+		if (rainbowColors) { canvasContext.fillStyle = gradient; } 
+		else { canvasContext.fillStyle = barColour; }
 		canvasContext.beginPath();
 		canvasContext.moveTo(0, canvasHeight - getBinHeight(0));
 		let i;