Circular gradient

src/Modules.js

@@ -7,9 +7,11 @@ module.exports = {
   'blend': require('./modules/Blend'),
   'blur': require('./modules/Blur'),
   'brightness': require('./modules/Brightness'),
+  'circular-gradient': require('./modules/CircularGradient'),
   'channel': require('./modules/Channel'),
   'colorbar': require('./modules/Colorbar'),
   'colormap': require('./modules/Colormap'),
+  'color-temperature': require('./modules/ColorTemperature'),
   'contrast': require('./modules/Contrast'),
   'convolution': require('./modules/Convolution'),
   'crop': require('./modules/Crop'),
@@ -36,6 +38,5 @@ module.exports = {
   'saturation': require('./modules/Saturation'),
   'text-overlay': require('./modules/TextOverlay'),
   'threshold': require('./modules/Threshold'),
-  'tint': require('./modules/Tint'),
-  'color-temperature': require('./modules/ColorTemperature')
+  'tint': require('./modules/Tint')
 }

src/modules/CircularGradient/Module.js

@@ -0,0 +1,41 @@
+module.exports = function Circular(options, UI) {
+
+    var output;
+
+    // The function which is called on every draw.
+    function draw(input, callback, progressObj) {
+        progressObj.stop(true);
+        progressObj.overrideFlag = true;
+
+        var step = this;
+
+        function extraManipulation(pixels) {
+            pixels = require('./circularGradient')(pixels, options)
+            return pixels
+
+        };
+
+        function output(image, datauri, mimetype) {
+
+            // This output is accessible by Image Sequencer
+            step.output = { src: datauri, format: mimetype };
+
+        }
+
+        return require('../_nomodule/PixelManipulation.js')(input, {
+            output: output,
+            extraManipulation: extraManipulation,
+            format: input.format,
+            image: options.image,
+            inBrowser: options.inBrowser,
+            callback: callback
+        });
+    }
+
+    return {
+        options: options,
+        draw: draw,
+        output: output,
+        UI: UI
+    }
+}

src/modules/CircularGradient/circularGradient.js

@@ -0,0 +1,37 @@
+module.exports = exports = function(pixels, options) {
+
+    let defaults = require('./../../util/getDefaults.js')(require('./info.json'));
+
+    let fillColor = options.fillColor || defaults.fillColor;
+    options.centreX = options.centreX || defaults.centreX;
+    options.centreY = options.centreY || defaults.centreY;
+
+    var width = pixels.shape[0];
+    var height = pixels.shape[1];
+    if(height%2 != 0) {
+        height = height-1;
+    }
+    if(width%2 != 0) {
+        width = width-1;
+    }
+    var increment = width/2;
+    console.log(width);
+    console.log(height);
+
+    fillColor = fillColor.split(" ")
+
+    for (var i = 0 ; i < width ; i++) {
+        for (var j = 0 ; j < height ; j++) {
+            var distX = Math.abs(options.centreX - i);
+            var distY = Math.abs(options.centreY - j);
+            var distance = Math.sqrt(Math.pow(distX, 2) + Math.pow(distY, 2));
+            var brightness = 255 * (distance / (2*width));
+            if (distance-1 > width) {distance = width;}
+            pixels.set(i, j, 0, fillColor[0]*1.5*distance/width);
+            pixels.set(i, j, 1, fillColor[1]*1.5*distance/width);
+            pixels.set(i, j, 2, fillColor[2]*1.5*distance/width);
+            pixels.set(i, j, 3, 255);
+        }
+    }
+    return pixels
+}

src/modules/CircularGradient/index.js

@@ -0,0 +1,4 @@
+module.exports = [
+    require('./Module'),
+    require('./info.json')
+]

src/modules/CircularGradient/info.json

@@ -0,0 +1,25 @@
+{
+    "name": "Circular Gradient",
+    "description": "Gives a circular gradient of the image",
+    "inputs": {
+        "fillColor": {
+          "type": "String",
+          "desc": "three space separated numbers representing the RGB values of fill-color",
+          "default": "100 100 100",
+          "placeholder": "100 100 100"
+        },
+        "centreX": {
+            "type": "integer",
+            "max": 210,
+            "desc": "X co-ordinate of centre of gradient",
+            "default": 305,
+        },
+        "centreY": {
+            "type": "integer",
+            "max": 210,
+            "desc": "Y co-ordinate of centre of gradient",
+            "default": 214,
+        }
+    },
+    "docs-link":"https://github.com/publiclab/image-sequencer/blob/main/docs/MODULES.md"
+}