Diagonal gradients

src/components/dots.js

@@ -6,10 +6,10 @@ const RADIUS_OPTS = [
 	"left",
 	"up",
 	"down",
-	// "RU",
-	// "RD",
-	// "LU",
-	// "LD",
+	"RU",
+	"RD",
+	"LU",
+	"LD",
 	// "circle"
 ];
 
@@ -53,6 +53,14 @@ class DotMaker {
 	      		return maxr * d.y / this.width;
 	    	case "up":
 	      		return maxr * (this.width - d.y) / this.width;
+	      	case "RU":
+	      		return 0.5 * maxr * (d.x + this.width - d.y) / this.width;
+	      	case "LU":
+	      		return 0.5 * maxr * (this.width - d.x + this.width - d.y) / this.width;
+	      	case "RD":
+	      		return 0.5 * maxr * (d.x + d.y) / this.width;
+	      	case "LD":
+	      		return 0.5 * maxr * (this.width - d.x + d.y) / this.width;
 	    	default:
 	      		return maxr;
 	  }