array settings.bg = gradient background

mods/gradient_background_support.js

@@ -0,0 +1,70 @@
+clearInterval(tickInterval);
+
+tick = function() {
+	// If mouseIsDown, do mouseAction
+	if (mouseIsDown && !shaping) {
+		mouseAction(null,mousePos.x,mousePos.y);
+	}
+	// Get the canvas
+	var canvas = document.getElementById("game");
+	var ctx = canvas.getContext("2d");
+	// Clear the canvas
+	if (!settings["bg"]) {ctx.clearRect(0, 0, canvas.width, canvas.height)}
+	else {
+		if(settings["bg"] instanceof Array) {
+			settings.bgAngle ??= 0;
+			var angle = (settings.bgAngle) * Math.PI / 180;
+			ctx.fillStyle = ctx.createLinearGradient(
+				0,
+				0,
+				canvas.width * Math.cos(angle) + 0,
+				canvas.height * Math.sin(angle)
+			);
+			var colors = settings["bg"];
+			for(i = 0; i < colors.length; i++) {
+				var color = colors[i];
+				var position = i / (colors.length - 1);
+				ctx.fillStyle.addColorStop(position,color);
+			};
+		} else {
+			ctx.fillStyle = settings["bg"];
+		};
+		ctx.fillRect(0, 0, canvas.width, canvas.height);
+	}
+
+	if (!paused && settings.events) {
+		doRandomEvents();
+	}
+
+	drawPixels();
+
+	if (shaping) {
+		if (shaping === 1) { // Draw a white line from shapeStart.x to shapeStart.y
+			ctx.beginPath();
+			ctx.strokeStyle = "white";
+			ctx.lineWidth = 2;
+			ctx.moveTo(shapeStart.x*pixelSize+pixelSizeHalf, shapeStart.y*pixelSize+pixelSizeHalf);
+			ctx.lineTo(mousePos.x*pixelSize+pixelSizeHalf, mousePos.y*pixelSize+pixelSizeHalf);
+			ctx.stroke();
+		}
+	}
+
+	if (currentElement == "pick" || currentElement == "lookup") {
+		var mouseOffset = 0;
+	}
+	else if (elements[currentElement].maxSize < mouseSize) {
+		var mouseOffset = Math.trunc(elements[currentElement].maxSize/2);
+	}
+	else {
+		var mouseOffset = Math.trunc(mouseSize/2);
+	}
+	var topLeft = [mousePos.x-mouseOffset,mousePos.y-mouseOffset];
+	var bottomRight = [mousePos.x+mouseOffset,mousePos.y+mouseOffset];
+	// Draw a rectangle around the mouse
+	ctx.strokeStyle = "white";
+	ctx.strokeRect(topLeft[0]*pixelSize,topLeft[1]*pixelSize,(bottomRight[0]-topLeft[0]+1)*pixelSize,(bottomRight[1]-topLeft[1]+1)*pixelSize);
+	updateStats();
+	//ticks ++;
+}
+
+tickInterval = setInterval(tick, 1000/tps);