circular gradient module

src/modules/Gradient/Module.js

@@ -3,6 +3,9 @@ const pixelSetter = require('../../util/pixelSetter.js'),
 
 module.exports = function Gradient(options, UI) {
 
+  var defaults = require('./../../util/getDefaults.js')(require('./info.json'));
+  options.gradientType = options.gradientType || defaults.gradientType;
+
   var output;
 
   // The function which is called on every draw.
@@ -15,11 +18,24 @@ module.exports = function Gradient(options, UI) {
 
     function extraManipulation(pixels) {
       const [w, h] = pixels.shape;
-      for (var i = 0; i < w; i++) {
-        for (var j = 0; j < h; j++) {
-          let val = (i / w) * 255;
-
-          pixelSetter(i, j, [val, val, val, 255], pixels);
+      if (options.gradientType === 'linear') {
+        for (var i = 0; i < w; i++) {
+          for (var j = 0; j < h; j++) {
+            let val = (i / w) * 255;
+
+            pixelSetter(i, j, [val, val, val, 255], pixels);
+          }
+        }
+      }
+      else {
+        for (var i = 0; i < w; i++) {
+          for (var j = 0; j < h; j++) {
+            var distX = Math.abs(w / 2 - i);
+            var distY = Math.abs(h / 2 - j);
+            var distance = Math.sqrt(Math.pow(distX, 2) + Math.pow(distY, 2));
+            val = 255 * (distance / pixels.shape[0]);
+            pixelSetter(i, j, [val, val, val, 255], pixels);
+          }
         }
       }
 

src/modules/Gradient/info.json

@@ -1,6 +1,13 @@
 {
     "name": "gradient",
     "description": "Gives a gradient of the image",
-    "inputs": {},
+    "inputs": {
+      "gradientType": {
+        "type": "select",
+        "desc": "Choose between linear or circular gradient",
+        "default": "linear",
+        "values": ["linear", "circular"]
+      }
+    },
     "docs-link":"https://github.com/publiclab/image-sequencer/blob/main/docs/MODULES.md#gradient-module"
 }