Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.
Awesome Lists | Featured Topics | Projects
https://github.com/milchreis/processing-imageprocessing

Collection of basic image processing algorithms for processing
https://github.com/milchreis/processing-imageprocessing
brightness contrast dithering edge-detection halftone image image-processing processing sharpen split-toning tilt-shift toning vignette
Last synced: 7 days ago
JSON representation
Collection of basic image processing algorithms for processing
Host: GitHub
URL: https://github.com/milchreis/processing-imageprocessing
Owner: Milchreis
License: mit
Created: 2018-01-04T18:38:33.000Z (almost 7 years ago)
Default Branch: master
Last Pushed: 2023-06-01T05:01:59.000Z (over 1 year ago)
Last Synced: 2024-11-06T03:47:17.201Z (about 2 months ago)
Topics: brightness, contrast, dithering, edge-detection, halftone, image, image-processing, processing, sharpen, split-toning, tilt-shift, toning, vignette
Language: HTML
Homepage:
Size: 21.2 MB
Stars: 179
Watchers: 10
Forks: 23
Open Issues: 5
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project

README

        # Image processing for Processing

This library collects various image processing algorithms and provides simple access to them. All algorithms are implemented 

in Java and runs without any other dependencies. Some algorithms are pretty standard and others maybe do you know from Photoshop.

It starts with less basic features and grow over the last years.

If you need high power performance better use [opencv for processing](https://github.com/atduskgreg/opencv-processing).

If you like this project and you want to keep me awake 🤪



# Installation

If you want to use this library in your processing sketch you can download it via the integrated `Contribution Manager`.

![alt install](https://github.com/Milchreis/processing-imageprocessing/blob/master/img/install.png?raw=true)

# Examples

## Overview

The following algorithms are supported in this library. Click on the link to see an example image and a code snippet.

 - [Basics](#basics)

   - [Grayscale](#grayscale-image)

   - [Flip](#flip-image)

   - [Invert](#invert-colors)

   - [Threshold](#threshold-image)

   - [Dilation](#dilation-image)

   - [Erosion](#erosion-image)

   - [Vignette](#vignette-image)

   - [Quantization](#quantization)

   - [PaletteMapping](#palettemapping)

   - [Difference](#difference)

 - [Blur](#blur)

   - [Gaussian](#gaussian-blur-image)

   - [Pixelize](#pixelize-image)

   - [Tilt-Shift-Effect](#tilt-shift-effect)

 - [Edge detection](#edge-detection)

   - [Canny](#cannys-algorithm)

   - [Sobel](#sobels-algorithm)

 - [Optimisation](#optimisation)

   - [Brightness](#brightness)

   - [Contrast](#contrast)

   - [Saturation](#saturation)

   - [Changing highlights](#changing-highlights)

   - [Changing shadows](#changing-shadows)

   - [Auto balance](#autobalance-image)

   - [Bloom-Effect](#bloom-image)

   - [Sharpen](#sharpen-image)

   - [Color-Shift](#color-shift-image)

 - [Looks](#looks)

   - [Lookup table (LUT)](#lookup-table-image)

   - [RetroConsole effect (Gameboy)](#retroconsole-effect-gameboy)

   - [Glitch-Effect](#glitch-image)

   - [Matte-Effect](#matte-effect)

   - [Sabattier-Effect](#sabattier-effect)

   - [Strokes](#strokes-image)

   - [Dithering](#dithering)

   - [Halftone](#halftone-image)

   - [Toning](#toning-image)

   - [Split-Toning](#split-toning-image)

   - [Sine-Wave](#sine-wave-image)

   - [Knitting](#knitting-image)

   - [ASCII](#ascii-image)

 - [Miscellaneous](#miscellaneous)

   - [Stacked images](#stacked-images)

   - [Blending images](#blending-two-images)

#### Original image

![alt original](https://github.com/Milchreis/processing-imageprocessing/blob/master/examples/Basics/data/example.jpg?raw=true)

_Photo taken by me [more here](https://www.instagram.com/milchreisjunkie/)_

## Basics

#### Grayscale image

![alt grayscale](https://github.com/Milchreis/processing-imageprocessing/blob/master/img/gray.png?raw=true)

```java

PImage processedImage = Grayscale.apply(image);

```

#### Flip image

![alt flip](https://github.com/Milchreis/processing-imageprocessing/blob/master/img/flip.png?raw=true)

```java

PImage processedImage = Flip.apply(image, horizontal, vertical);  // horizontal and vertical are boolean

```

#### Invert colors

![alt invert colors](https://github.com/Milchreis/processing-imageprocessing/blob/master/img/invertcolors.png?raw=true)

```java

// invertRed, invertGreen and invertBlue are boolean

PImage processedImage = InvertColors.apply(image, invertRed, invertGreen, invertBlue);  

```

#### Threshold image

![alt threshold](https://github.com/Milchreis/processing-imageprocessing/blob/master/img/threshold.png?raw=true)

```java

PImage processedImage = Threshold.apply(image);  // Auto threshold

PImage processedImage = Threshold.apply(image, value);  // Threshold value between 0 and 255

```

#### Dilation image

![alt dilation](https://github.com/Milchreis/processing-imageprocessing/blob/master/img/dilation.png?raw=true)

```java

PImage processedImage = Dilation.apply(image, radius);  // radius is a positive number

```

#### Erosion image

![alt erosion](https://github.com/Milchreis/processing-imageprocessing/blob/master/img/erosion.png?raw=true)

```java

PImage processedImage = Erosion.apply(image, radius);  // radius is a positive number

```

#### Vignette image

![alt vignette](https://github.com/Milchreis/processing-imageprocessing/blob/master/img/vignette.png?raw=true)

```java

// intensity and vignetteWidth are floats between 0.0 and 1.0

PImage processedImage = Vignette.apply(image, intensity, vignetteWidth); 

```

#### Quantization

![alt quantization](https://github.com/Milchreis/processing-imageprocessing/blob/master/img/quantization.png?raw=true)

```java

PImage processedImage = Quantization.apply(image, shades);  // shades is a positive number between 1 and 255

```

#### PaletteMapping

![alt quantization](https://github.com/Milchreis/processing-imageprocessing/blob/master/img/palettemapping.png?raw=true)

```java

PImage processedImage = PaletteMapping.apply(image, color1, color2, color3);  // Add any number of colors from dark to light

```

#### Difference

![alt difference](https://github.com/Milchreis/processing-imageprocessing/blob/master/img/difference.png?raw=true)

```java

// difference is a float between 0.0 and 1.0 from less to very different

float difference = Comparison.howDifferent(image1, image2);

// differenceImage is the difference between the pixel values (black is no difference, white is high difference)

PImage differenceImage = Comparison.calculateDifferenceImage(image1, image2);

```

## Blur

#### Gaussian blur image

![alt gaussian](https://github.com/Milchreis/processing-imageprocessing/blob/master/img/gaussian.png?raw=true)

```java

PImage processedImage = Gaussian.apply(image, 7, 0.84089642);   // kernel size and sigma 

```

#### Pixelize image

![alt pixelation](https://github.com/Milchreis/processing-imageprocessing/blob/master/img/pixelation.png?raw=true)

```java

// pixelsize is a positive number

PImage processedImage = Pixelation.apply(image, pixelsize); 

// Pixelize a sub area of the input image

PImage processedImage = Pixelation.apply(image, pixelsize, subX, subY, subWidth, subHeight);  

```

#### Tilt-Shift-Effect

![alt tilt-shift](https://github.com/Milchreis/processing-imageprocessing/blob/master/img/tiltshift.png?raw=true)

```java

PImage processedImage = TiltShift.apply(image, blurIntensity, horizontal, position, sharpWideness);   

```

## Edge detection

#### Canny's algorithm

![alt canny-edge](https://github.com/Milchreis/processing-imageprocessing/blob/master/img/canny.png?raw=true)

```java

PImage processedImage = CannyEdgeDetector.apply(image);

```

 

#### Sobels algorithm

![alt sobel-edge](https://github.com/Milchreis/processing-imageprocessing/blob/master/img/sobel.png?raw=true)

```java

PImage processedImage = SobelEdgeDetector.apply(image);

// for colored sobel (for each color channel)

PImage processedImage = SobelEdgeDetector.apply(image, false);

```

 

## Optimisation

 

#### Brightness

![alt autobalance](https://github.com/Milchreis/processing-imageprocessing/blob/master/img/brightness.png?raw=true)

```java

PImage processedImage = Brightness.apply(image, value); 

// value isa positive number for brighting up or a negative for darken down

```

#### Contrast

![alt contrast](https://github.com/Milchreis/processing-imageprocessing/blob/master/img/contrast.png?raw=true)

```java

// intensity is between -1.0 and 1.0

PImage processedImage = Contrast.apply(image, intensity); 

```

#### Saturation

![alt saturation](https://github.com/Milchreis/processing-imageprocessing/blob/master/img/saturation.png?raw=true)

```java

// intensity is between 0.0 and 10.0

// 0.0 to 1.0 decreases and all above increases the saturation

PImage processedImage = Saturation.apply(image, intensity); 

```

#### Changing highlights

![alt changing highlights](https://github.com/Milchreis/processing-imageprocessing/blob/master/img/lights.png?raw=true)

```java

// intensity between -1.0 and 1.0

PImage processedImage = Lights.apply(image, intensity); 

```

#### Changing shadows

![alt changing shadows](https://github.com/Milchreis/processing-imageprocessing/blob/master/img/shadows.png?raw=true)

```java

// intensity between -1.0 and 1.0

PImage processedImage = Shadows.apply(image, intensity); 

```

#### AutoBalance image

![alt autobalance](https://github.com/Milchreis/processing-imageprocessing/blob/master/img/autobalance.png?raw=true)

```java

PImage processedImage = AutoBalance.apply(image);

```

 

#### Bloom image

![alt bloom](https://github.com/Milchreis/processing-imageprocessing/blob/master/img/bloom.png?raw=true)

```java

PImage processedImage = Bloom.apply(image, intensity);  // intensity between 0 and 255

```

#### Sharpen image

![alt sharpen](https://github.com/Milchreis/processing-imageprocessing/blob/master/img/sharpen.png?raw=true)

```java

PImage processedImage = Sharpen.apply(image, sharpIntensity);  // sharpIntensity between 0.0 and 10.0

```

#### Color shift image

![alt color shift](https://github.com/Milchreis/processing-imageprocessing/blob/master/img/colorshift.png?raw=true)

```java

// hue is a value between 0 and 360

// offset is the color range which is accepted (in hue range)

// shift is the number of the subtracted or added hue value

PImage processedImage = ColorShift.applyHue(image, hue, offset, shift);  // or short: ColorShift.apply(image, hue, offset, shift)

PImage processedImage = ColorShift.applySaturation(image, hue, offset, shift);

PImage processedImage = ColorShift.applyBrightness(image, hue, offset, shift);

```

## Looks

#### Lookup table image

![alt lookup-table](https://github.com/Milchreis/processing-imageprocessing/blob/master/img/lut.png?raw=true)

```java

LUT style = LUT.loadLut(LUT.STYLE.CONTRAST);

PImage processedImage = LUT.apply(image, style); 

```

#### RetroConsole effect (Gameboy)

![alt lookup-table](https://github.com/Milchreis/processing-imageprocessing/blob/master/img/retroconsole.png?raw=true)

```java

PImage processedImage = RetroConsole.applyGameboy(image, pixelSize); 

```

#### Glitch image

![alt glitch-effect](https://github.com/Milchreis/processing-imageprocessing/blob/master/img/glitch.png?raw=true)

```java

PImage processedImage = Glitch.apply(image, intensity, scanlineheight);

```

#### Matte effect

![alt matte-effect](https://github.com/Milchreis/processing-imageprocessing/blob/master/img/matte.png?raw=true)

```java

PImage processedImage = Matte.apply(image, 

    matteIntensity,         // intensity for the lifting blacks between 0 and 255

    contrastIntensity,      // intensity for the constrast between 0 and 255

    saturationIntensity);   // change for the saturation between -0.5 and 0.5

```

#### Sabattier effect

![alt sabattier-effect](https://github.com/Milchreis/processing-imageprocessing/blob/master/img/sabattier.png?raw=true)

```java

// intensity between 0.0 and 1.0

PImage processedImage = Sabattier.apply(image, intensity);

PImage processedImage = Sabattier.applyRed(image, intensity);

PImage processedImage = Sabattier.applyGreen(image, intensity);

PImage processedImage = Sabattier.applyBlue(image, intensity);

```

#### Strokes image

random angles           |  fixed angle

:-------------------------:|:-------------------------:

![alt strokes](https://github.com/Milchreis/processing-imageprocessing/blob/master/img/strokes.png?raw=true)  | ![alt strokes](https://github.com/Milchreis/processing-imageprocessing/blob/master/img/strokes2.png?raw=true)

```java

PImage processedImage = Strokes.apply(image, gridSize, lineLength);

PImage processedImage = Strokes.apply(image, 

    gridSize,           // is positive and the area for compound pixels 

    lineLength,         // is positive and the length in pixels for each line

    lineWeight,         // is positive and the weight of each line in pixel

    linesPerGrid,       // the number of lines per grid

    lineIntensity,      // alpha value for each line between 0 and 255

    degree,             // if set the rotation is fixed in degree, otherwise random

    inColor,            // true for colors else black and white

    backgroundColor);   // color for the background

```

#### Dithering

![alt dithering](https://github.com/Milchreis/processing-imageprocessing/blob/master/img/dithering_d1.png?raw=true)

```java

// default dithering algorithm is BAYER_4x4

PImage processedImage = Dithering.apply(image);

// change algrithm: BAYER_2x2, BAYER_4x4, BAYER_8x8

PImage processedImage = Dithering.apply(image, Dithering.Algorithm.BAYER_8x8);

// use a curstom kernel (kernel = float[])

PImage processedImage = Dithering.aapply(PImage image, kernel);  

```

#### Halftone image

![alt halftone](https://github.com/Milchreis/processing-imageprocessing/blob/master/img/halftone.png?raw=true)

```java

PImage processedImage = Halftone.apply(image, dotsize);  // dot size in pixel

PImage processedImage = Halftone.apply(image, dotsize, grid); // grid = true, on false honeycomb style

PImage processedImage = Halftone.apply(image, dotsize, foreground, background);  // background and foreground colors

PImage processedImage = Halftone.apply(image, dotsize, foreground, background, grid);

PImage processedImage = Halftone.apply(image, dotsize, foreground, background, spacing, grid); // size between dots in pixels

```

#### Toning image

![alt toning](https://github.com/Milchreis/processing-imageprocessing/blob/master/img/toning.png?raw=true)

```java

// tone is a color and intensity is a value between 0.0 and 1.0

color tone = color(255, 11, 120);

float intensity = 0.8f;

PImage processedImage = Toning.apply(image, tone, intensity);

```

#### Split toning image

![alt split-toning](https://github.com/Milchreis/processing-imageprocessing/blob/master/img/splittoning.png?raw=true)

```java

PImage processedImage = SplitToning.apply(

      image,

      highlightTone,        // Color for highlighs (f.e. color highlightTone = color(211, 180, 21);

      intensityHighlights,  // intensity for the toning in highlights between 0.0 and 1.0

      shadowTone,           // Color for the shadows (f.e. color shadowTone = color(124, 32, 201);

      intensityShadows);    // intensity for the toning in the shadows between 0.0 and 1.0

```

#### Sine-Wave image

![alt sine-wave](https://github.com/Milchreis/processing-imageprocessing/blob/master/img/sinewave.png?raw=true)

```java

PImage processedImage = SineWave.apply(image, rowHeight, weight, backgroundColor, wavesColor);

```

#### Knitting image

![alt knitting](https://github.com/Milchreis/processing-imageprocessing/blob/master/img/knitting.png?raw=true)

```java

// keeps the original colors

PImage processedImage = Knitting.apply(image, size);

// Sets foreground and background color and uses a threshold

PImage processedImage = Knitting.apply(image, size, threshold, 240, #EE0000); 

```

#### ASCII image

![alt ascii](https://github.com/Milchreis/processing-imageprocessing/blob/master/img/ASCII.png?raw=true)

```java

PImage processedImage = ASCII.apply(image);

// characterset = ASCII.SHORT_SET or ASCII.LONG_SET, another String from black to white

PImage processedImage = ASCII.apply(image, characterset); 

PImage processedImage = ASCII.apply(image, characterset, fontSize); // fontSize is an integer

PImage processedImage = ASCII.apply(image, characterset, fontSize, foregroundColor, backgroundColor, toneInColor);

// To get the ASCII image as plain string use the following method

PImage processedImage = ASCII.getAsciiText(image); 

```

## Miscellaneous

#### Stacked images

![alt stacked](https://github.com/Milchreis/processing-imageprocessing/blob/master/img/stacker.png?raw=true)

```java

// Add so many images in the end as you need

PImage processedImage = Stacker.apply(Stacker.ALGORITHM.AVERAGE, image1, image2);

PImage processedImage = Stacker.apply(Stacker.ALGORITHM.MEDIAN, image1, image2);

```

#### Blending two images

![alt blending](https://github.com/Milchreis/processing-imageprocessing/blob/master/img/blend.png?raw=true)

```java

// intensity is a float between 0.0 and 1.0

PImage processedImage = Blend.apply(image1, image2, intensity);

```

# Special thanks

My special thanks goes to [avatarr](https://github.com/avatarr/java-image-processing-algorithm) for implementing and 

publishing basic algorithms. Also thank you very much Tom Gibara for your great blog post and the implementation of 

the [canny edge detector](http://www.tomgibara.com/computer-vision/canny-edge-detector).

Moreover I thank you [Joseph HENRY](https://discourse.processing.org/u/josephh/summary) for the Sine-Wave-effect code and 

[uheinema](https://github.com/uheinema) for the Sabattier code in the [Processing Discourse](https://discourse.processing.org/).