ace-colorpicker-rpk 0.0.12

package/src/util/filter/image/crop.js

@@ -0,0 +1,16 @@
+import { createBitmap } from '../functions'
+
+export default function crop (startX = 0, startY = 0, width, height) {
+
+    const newBitmap = createBitmap(width * height * 4, width, height)
+
+    return function (bitmap, done, opt = {}) {
+        for (var y = startY, realY = 0; y < height; y++, realY++) {
+            for (var x = startX, realX = 0; x < width; x++, realX++) {
+                newBitmap.pixels[realY * width * realX] = bitmap.pixels[y * width * x]
+            }
+        }
+
+        done(newBitmap);
+    }
+}

package/src/util/filter/image/flipH.js

@@ -0,0 +1,23 @@
+import {swapColor} from '../functions'
+export default function flipH () {
+    return function (bitmap, done, opt = {}) {
+
+        const width = bitmap.width
+        const height = bitmap.height 
+        const isCenter = width % 2 == 1 ? 1 : 0 
+
+        const halfWidth = isCenter ? Math.floor(width / 2) : width / 2 ;
+
+        for (var y = 0; y < height; y++) {
+            for (var x = 0; x < halfWidth; x++) {
+
+                var startIndex = (y * width + x) << 2 
+                var endIndex = (y * width +  (width -1 - x) ) << 2
+                swapColor(bitmap.pixels, startIndex, endIndex)
+
+            }
+        }
+
+        done(bitmap);
+    }
+}

package/src/util/filter/image/flipV.js

@@ -0,0 +1,25 @@
+import {
+    swapColor
+} from '../functions'  
+export default function flipV () {
+    return function (bitmap, done, opt = {}) {
+
+        const width = bitmap.width
+        const height = bitmap.height 
+        const isCenter = height % 2 == 1 ? 1 : 0 
+
+        const halfHeight = isCenter ? Math.floor(height / 2) : height / 2 ;
+
+        for (var y = 0; y < halfHeight; y++) {
+            for (var x = 0; x < width; x++) {
+
+                var startIndex = (y * width + x) << 2 
+                var endIndex = ((height -1 - y) * width + x ) << 2
+                swapColor(bitmap.pixels, startIndex, endIndex)
+
+            }
+        }
+
+        done(bitmap);
+    }
+}

package/src/util/filter/image/histogram.js

@@ -0,0 +1,45 @@
+import { pixel } from '../functions'
+
+export default function histogram (type = 'gray', points = []) {
+    var $realPoints = [] 
+    
+    for(var i = 0; i < points.length - 1; i++) {
+        var sp = points[i] 
+        var ep = points[i+1] 
+
+        var distX = ep[0] - sp[0]
+        var distY = ep[1] - sp[1]
+
+        var rate = distY / distX
+
+        for(var realIndex = 0, start = sp[0]; realIndex < distX; realIndex++, start++ ) {
+            $realPoints[start] = sp[1] + realIndex * rate
+        }
+    }
+
+    $realPoints[255] = 255 
+
+    if (type === 'red') {
+        return pixel(() => {
+            $r = $realPoints[$r];
+        }, { }, { $realPoints })    
+    } else if (type === 'green') {
+        return pixel(() => {
+            $g = $realPoints[$g];
+        }, { }, { $realPoints }) 
+    } else if (type === 'blue') {
+        return pixel(() => {
+            $b = $realPoints[$b];
+        }, { }, { $realPoints })            
+    } else {
+        return pixel(() => {
+
+            const l = Color.RGBtoYCrCb($r, $g, $b);
+            const c = Color.YCrCbtoRGB(clamp($realPoints[clamp(l.y)]), l.cr, l.cb, 0)
+            $r = c.r
+            $g = c.g 
+            $b = c.b 
+
+        }, { }, { $realPoints })
+    }
+}

package/src/util/filter/image/index.js

@@ -0,0 +1,18 @@
+import crop from './crop'
+import resize from './resize'
+import flipV from './flipV'
+import flipH from './flipH'
+import rotate from './rotate'
+import rotateDegree from './rotateDegree'
+import histogram from './histogram'
+
+export default {
+    crop,
+    resize,
+    flipH,
+    flipV,
+    rotate,
+    rotateDegree,
+    histogram,
+    'rotate-degree' : rotateDegree
+}

package/src/util/filter/image/resize.js

@@ -0,0 +1,18 @@
+import Canvas from '../../Canvas'
+// Image manupulate 
+export default function resize (dstWidth, dstHeight) {
+    return function (bitmap, done, opt = {}) {
+        
+        var c = Canvas.drawPixels(bitmap);
+        var context = c.getContext('2d');
+
+        c.width = dstWidth;
+        c.height = dstHeight;
+
+        done({
+            pixels: new Uint8ClampedArray(context.getImageData(0, 0, dstWidth, dstHeight).data),
+            width: dstWidth,
+            height: dstHeight
+        })
+    } 
+}

package/src/util/filter/image/rotate.js

@@ -0,0 +1,39 @@
+import {
+    parseParamNumber,
+    packXY,
+    createBitmap,
+    fillPixelColor
+} from '../functions'
+
+import rotateDegree from './rotateDegree'
+
+export default function rotate (degree = 0) {
+    degree = parseParamNumber(degree)     
+    degree = degree % 360
+    return function (bitmap, done, opt = {}) {
+
+        if (degree == 0) return bitmap
+
+        if (degree == 90 || degree == 270) {
+            var newBitmap = createBitmap(bitmap.pixels.length, bitmap.height, bitmap.width)
+        } else if (degree == 180) {
+            var newBitmap = createBitmap(bitmap.pixels.length, bitmap.width, bitmap.height)
+        } else {
+            return rotateDegree(degree)(bitmap, done, opt)
+        }
+        packXY((pixels, i, x, y) => {
+
+            if (degree == 90) {
+                var endIndex = (x * newBitmap.width + (newBitmap.width -1 - y) ) << 2  //  << 2 is equals to (multiply)* 4 
+            } else if (degree == 270) {
+                var endIndex = ( (newBitmap.height -1 -x) * newBitmap.width + y ) << 2
+            } else if (degree == 180) {
+                var endIndex = ((newBitmap.height -1 -y) * newBitmap.width + (newBitmap.width -1 -x)) << 2
+            }
+
+            fillPixelColor(newBitmap.pixels, endIndex, bitmap.pixels, i)
+        })(bitmap, function () {
+            done(newBitmap)
+        }, opt)
+    }
+}

package/src/util/filter/image/rotateDegree.js

@@ -0,0 +1,53 @@
+import Matrix from '../../Matrix'
+import {
+    createBitmap,
+    packXY,
+    fillPixelColor
+} from '../functions'
+
+export default function rotateDegree(angle, cx = 'center', cy = 'center') {
+    // const r = F.radian(angle)
+
+    return function (bitmap, done, opt = {}) {
+        var newBitmap = createBitmap(bitmap.pixels.length, bitmap.width, bitmap.height)
+        const width = bitmap.width 
+        const height = bitmap.height 
+
+        if (cx == 'center') {
+            cx = Math.floor(width / 2); 
+        }
+
+        if (cy == 'center') {
+            cy = Math.floor(height/ 2);
+        }
+
+        const translateMatrix = Matrix.CONSTANT.translate(-cx, -cy)
+        const translateMatrix2 = Matrix.CONSTANT.translate(cx, cy)
+        const shear1Matrix = Matrix.CONSTANT.shear1(angle)
+        const shear2Matrix = Matrix.CONSTANT.shear2(angle)
+
+        packXY((pixels, i, x, y) => {
+            // console.log(x, y, i)
+            let arr = Matrix.multiply(translateMatrix, [x, y, 1])
+            
+            arr = Matrix.multiply(shear1Matrix, arr).map(Math.round)
+            arr = Matrix.multiply(shear2Matrix, arr).map(Math.round)
+            arr = Matrix.multiply(shear1Matrix, arr).map(Math.round)
+            arr = Matrix.multiply(translateMatrix2, arr)
+ 
+            const [x1, y1] = arr
+
+            if (x1 < 0) return;   
+            if (y1 < 0) return; 
+            if (x1 > width-1) return;
+            if (y1 > height-1) return; 
+
+            var endIndex = (y1 * width + x1) << 2   //  bit 2 shift is  * 4  
+
+            fillPixelColor(pixels, endIndex, bitmap.pixels, i)
+
+        })(newBitmap, function () {
+            done(newBitmap)
+        }, opt)
+    }
+} 

package/src/util/filter/index.js

@@ -0,0 +1,11 @@
+import image from './image/index'
+import pixel from './pixel/index'
+import matrix from './matrix/index'
+import multi from './multi/index'
+
+export default { 
+    ...image,
+    ...pixel,
+    ...matrix,
+    ...multi
+} 

package/src/util/filter/matrix/blur.js

@@ -0,0 +1,12 @@
+import {
+    convolution,
+    parseParamNumber,
+    createBlurMatrix
+} from '../functions'
+
+export default function (amount = 3, hasAlphaChannel = true) {
+
+    amount = parseParamNumber(amount)
+
+    return convolution(createBlurMatrix(amount))
+}

package/src/util/filter/matrix/emboss.js

@@ -0,0 +1,17 @@
+import {
+    parseParamNumber,
+    convolution
+} from '../functions'
+/*
+ * carve, mold, or stamp a design on (a surface) so that it stands out in relief.
+ * 
+ * @param {Number} amount   0.0 .. 4.0 
+ */
+export default function emboss (amount = 4) {
+    amount = parseParamNumber(amount)    
+    return convolution([
+        amount * (-2.0), -amount, 0.0,
+        -amount, 1.0, amount,
+        0.0, amount, amount * 2.0,
+    ]);
+}

package/src/util/filter/matrix/gaussian-blur-5x.js

@@ -0,0 +1,17 @@
+import {
+    parseParamNumber,
+    convolution,
+    weight
+} from '../functions'
+
+export default function gaussianBlur5x (amount = 100) {
+    amount = parseParamNumber(amount)    
+    const C = amount / 100;
+    return convolution(weight([
+        1, 4, 6, 4, 1,
+        4, 16, 24, 16, 4,
+        6, 24, 36, 24, 6,
+        4, 16, 24, 16, 4,
+        1, 4, 6, 4, 1
+    ], (1/256) * C ));
+}

package/src/util/filter/matrix/gaussian-blur.js

@@ -0,0 +1,16 @@
+import {
+    parseParamNumber,
+    convolution,
+    weight
+} from '../functions'
+
+export default function gaussianBlur (amount = 100) {
+    amount = parseParamNumber(amount)    
+    const C = amount / 100; 
+
+    return convolution(weight([
+        1, 2, 1,
+        2, 4, 2,
+        1, 2, 1
+    ], (1/16) * C ));
+}

package/src/util/filter/matrix/grayscale2.js

@@ -0,0 +1,16 @@
+import {
+    parseParamNumber,
+    convolution,
+    weight
+} from '../functions'
+
+export default function grayscale2 (amount = 100) {
+    amount = parseParamNumber(amount)    
+    return convolution(weight([
+        0.3, 0.3, 0.3, 0, 0,
+        0.59, 0.59, 0.59, 0, 0,
+        0.11, 0.11, 0.11, 0, 0,
+        0, 0, 0, 0, 0,
+        0, 0, 0, 0, 0
+    ], amount / 100));
+}

package/src/util/filter/matrix/index.js

@@ -0,0 +1,58 @@
+import blur from './blur'
+import emboss from './emboss'
+import gaussianBlur from './gaussian-blur'
+import gaussianBlur5x from './gaussian-blur-5x'
+import grayscale2 from './grayscale2'
+import normal from './normal'
+import kirschHorizontal from './kirsch-horizontal'
+import kirschVertical from './kirsch-vertical'
+import laplacian from './laplacian'
+import laplacian5x from './laplacian-5x'
+import motionBlur from './motion-blur'
+import motionBlur2 from './motion-blur-2'
+import motionBlur3 from './motion-blur-3'
+import negative from './negative'
+import sepia2 from './sepia2'
+import sharpen from './sharpen'
+import sobelHorizontal from './sobel-horizontal'
+import sobelVertical from './sobel-vertical'
+import stackBlur from './stack-blur'
+import transparency from './transparency'
+import unsharpMasking from './unsharp-masking'
+
+
+export default {
+     blur,
+     emboss,
+     gaussianBlur,
+     'gaussian-blur': gaussianBlur,
+     gaussianBlur5x,
+     'gaussian-blur-5x': gaussianBlur5x,
+     grayscale2,
+     normal,
+     kirschHorizontal,
+     'kirsch-horizontal': kirschHorizontal,
+     kirschVertical,
+     'kirsch-vertical': kirschVertical,
+     laplacian,
+     laplacian5x,
+     'laplacian-5x': laplacian5x,
+     motionBlur,
+     'motion-blur': motionBlur,
+     motionBlur2,
+     'motion-blur-2': motionBlur2,
+     motionBlur3,
+     'motion-blur-3': motionBlur3,
+     negative,
+     sepia2,
+     sharpen,
+     sobelHorizontal,
+     'sobel-horizontal': sobelHorizontal,
+     sobelVertical,
+     'sobel-vertical': sobelVertical,
+     stackBlur,
+     'stack-blur': stackBlur,
+     transparency,
+     unsharpMasking,
+     'unsharp-masking': unsharpMasking
+}

package/src/util/filter/matrix/kirsch-horizontal.js

@@ -0,0 +1,13 @@
+import {
+    parseParamNumber,
+    convolution
+} from '../functions'
+
+export default function kirschHorizontal (count = 1) {
+    count = parseParamNumber(count)    
+    return convolution([
+        5, 5, 5,
+        -3, 0, -3,
+        -3, -3, -3
+    ]);
+}

package/src/util/filter/matrix/kirsch-vertical.js

@@ -0,0 +1,13 @@
+import {
+    parseParamNumber,
+    convolution
+} from '../functions'
+
+export default function kirschVertical (count = 1) {
+    count = parseParamNumber(count)    
+    return convolution([
+        5, -3, -3,
+        5, 0, -3,
+        5, -3, -3
+    ]);
+}

package/src/util/filter/matrix/laplacian-5x.js

@@ -0,0 +1,16 @@
+import {
+    parseParamNumber,
+    convolution,
+    weight
+} from '../functions'
+
+export default function laplacian5x (amount = 100) {
+    amount = parseParamNumber(amount)
+    return convolution(weight([
+        -1, -1, -1, -1, -1,
+        -1, -1, -1, -1, -1,
+        -1, -1, 24, -1, -1,
+        -1, -1, -1, -1, -1,
+        -1, -1, -1, -1, -1
+    ], amount / 100));
+}

package/src/util/filter/matrix/laplacian.js

@@ -0,0 +1,14 @@
+import {
+    parseParamNumber,
+    convolution,
+    weight
+} from '../functions'
+
+export default function laplacian (amount = 100) {
+    amount = parseParamNumber(amount)
+    return convolution(weight([
+        -1, -1, -1,
+        -1, 8, -1,
+        -1, -1, -1
+    ], amount / 100));
+}

package/src/util/filter/matrix/motion-blur-2.js

@@ -0,0 +1,18 @@
+import {
+    convolution,
+    weight
+} from '../functions'
+
+export default function motionBlur2 () {
+    return convolution(weight([
+        1, 0, 0, 0, 0, 0, 0, 0, 1,
+        0, 1, 0, 0, 0, 0, 0, 1, 0,
+        0, 0, 1, 0, 0, 0, 1, 0, 0,
+        0, 0, 0, 1, 0, 1, 0, 0, 0,
+        0, 0, 0, 0, 1, 0, 0, 0, 0,
+        0, 0, 0, 1, 0, 1, 0, 0, 0,
+        0, 0, 1, 0, 0, 0, 1, 0, 0,
+        0, 1, 0, 0, 0, 0, 0, 1, 0,
+        1, 0, 0, 0, 0, 0, 0, 0, 1,
+    ], 1 / 9));
+}

package/src/util/filter/matrix/motion-blur-3.js

@@ -0,0 +1,19 @@
+import {
+    convolution,
+    weight
+} from '../functions'
+
+
+export default function motionBlur3 () {
+    return convolution(weight([
+        1, 0, 0, 0, 1, 0, 0, 0, 1,
+        0, 1, 0, 0, 1, 0, 0, 1, 0,
+        0, 0, 1, 0, 1, 0, 1, 0, 0,
+        0, 0, 0, 1, 1, 1, 0, 0, 0,
+        1, 1, 1, 1, 1, 1, 1, 1, 1,
+        0, 0, 0, 1, 1, 1, 0, 0, 0,
+        0, 0, 1, 0, 1, 0, 1, 0, 0,
+        0, 1, 0, 0, 1, 0, 0, 1, 0,
+        1, 0, 0, 0, 1, 0, 0, 0, 1,
+    ], 1 / 9));
+}

package/src/util/filter/matrix/motion-blur.js

@@ -0,0 +1,18 @@
+import {
+    convolution,
+    weight
+} from '../functions'
+
+export default function motionBlur () {
+    return convolution(weight([
+        1, 0, 0, 0, 0, 0, 0, 0, 0,
+        0, 1, 0, 0, 0, 0, 0, 0, 0,
+        0, 0, 1, 0, 0, 0, 0, 0, 0,
+        0, 0, 0, 1, 0, 0, 0, 0, 0,
+        0, 0, 0, 0, 1, 0, 0, 0, 0,
+        0, 0, 0, 0, 0, 1, 0, 0, 0,
+        0, 0, 0, 0, 0, 0, 1, 0, 0,
+        0, 0, 0, 0, 0, 0, 0, 1, 0,
+        0, 0, 0, 0, 0, 0, 0, 0, 1,
+    ], 1 / 9));
+}

package/src/util/filter/matrix/negative.js

@@ -0,0 +1,16 @@
+import {
+    parseParamNumber,
+    convolution,
+    weight
+} from '../functions'
+
+export default function negative (amount = 100) {
+    amount = parseParamNumber(amount)    
+    return convolution(weight([
+        -1, 0, 0, 0, 0,
+        0, -1, 0, 0, 0,
+        0, 0, -1, 0, 0,
+        0, 0, 0, 1, 0,
+        1, 1, 1, 1, 1
+    ], amount / 100));
+}

package/src/util/filter/matrix/normal.js

@@ -0,0 +1,11 @@
+import {
+    convolution
+} from '../functions'
+
+export default function identity () {
+    return convolution([
+        0, 0, 0,
+        0, 1, 0,
+        0, 0, 0
+    ]);
+}

package/src/util/filter/matrix/sepia2.js

@@ -0,0 +1,16 @@
+import {
+    parseParamNumber,
+    convolution,
+    weight
+} from '../functions'
+
+export default function sepia2 (amount = 100) {
+    amount = parseParamNumber(amount)    
+    return convolution(weight([
+        0.393, 0.349, 0.272, 0, 0,
+        0.769, 0.686, 0.534, 0, 0,
+        0.189, 0.168, 0.131, 0, 0,
+        0, 0, 0, 0, 0,
+        0, 0, 0, 0, 0
+    ], amount / 100));
+}

package/src/util/filter/matrix/sharpen.js

@@ -0,0 +1,14 @@
+import {
+    parseParamNumber,
+    convolution,
+    weight
+} from '../functions'
+
+export default function sharpen (amount = 100) {
+    amount = parseParamNumber(amount)    
+    return convolution(weight([
+        0, -1, 0,
+        -1, 5, -1,
+        0, -1, 0
+    ], amount / 100));
+}

package/src/util/filter/matrix/sobel-horizontal.js

@@ -0,0 +1,11 @@
+import {
+    convolution
+} from '../functions'
+
+export default function sobelHorizontal () {
+    return convolution([
+        -1, -2, -1,
+        0, 0, 0,
+        1, 2, 1
+    ]);
+}

package/src/util/filter/matrix/sobel-vertical.js

@@ -0,0 +1,11 @@
+import {
+    convolution
+} from '../functions'
+
+export default function sobelVertical () {
+    return convolution([
+        -1, 0, 1,
+        -2, 0, 2,
+        -1, 0, 1
+    ]);
+}

package/src/util/filter/matrix/stack-blur.js

@@ -0,0 +1,15 @@
+import {
+    parseParamNumber
+} from '../functions'
+
+import StackBlur from '../StackBlur'
+
+export default function (radius = 10, hasAlphaChannel = true) {
+    radius = parseParamNumber(radius)
+
+    return function (bitmap, done, opt = {}) {
+        let newBitmap = StackBlur(bitmap, radius, hasAlphaChannel )
+
+        done(newBitmap);
+    }
+}

package/src/util/filter/matrix/transparency.js

@@ -0,0 +1,16 @@
+import {
+    parseParamNumber,
+    convolution,
+    weight
+} from '../functions'
+
+export default function transparency (amount = 100) {
+    amount = parseParamNumber(amount)
+    return convolution(weight([
+        1, 0, 0, 0, 0,
+        0, 1, 0, 0, 0,
+        0, 0, 1, 0, 0,
+        0, 0, 0, 0.3, 0,
+        0, 0, 0, 0, 1,
+    ], amount / 100));
+}

package/src/util/filter/matrix/unsharp-masking.js

@@ -0,0 +1,16 @@
+import {
+    parseParamNumber,
+    convolution,
+    weight
+} from '../functions'
+
+export default function unsharpMasking (amount = 256) {
+    amount = parseParamNumber(amount)
+    return convolution(weight([
+        1, 4, 6, 4, 1,
+        4, 16, 24, 16, 4,
+        6, 24, -476, 24, 6,
+        4, 16, 24, 16, 4,
+        1, 4, 6, 4, 1
+    ], -1 / amount));
+}

package/src/util/filter/multi/index.js

@@ -0,0 +1,9 @@
+import kirsch from './kirsch'
+import sobel from './sobel'
+import vintage from './vintage'
+
+export default {
+    kirsch,
+    sobel,
+    vintage
+}