/* @pjs preload="Yosemite.jpg"; */ 

// ================================================================
// First processing example in Processing.js
//                  by Gael Jaffrain - 2013 - gaeljaffrain.com
//
// Feel free to use and share if you find it useful or interesting,
//                  a link would be appreciated, thanks ! :)
// ================================================================

float v = 1.0 / 8.0;
float sharp = 2;
float[][] kernel = {{ -sharp*v, -sharp*v, -sharp*v }, 
                    { -sharp*v, +sharp+1, -sharp*v }, 
                    { -sharp*v, -sharp*v, -sharp*v }};

PImage img;

void setup() {
  size(1280,480);
  img = loadImage("Yosemite.jpg");
}

void draw() {
  image(img, 0, 0); // Displays the image from point (0,0) 
  img.loadPixels();

  // Create an opaque image of the same size as the original
  PImage edgeImg = createImage(img.width, img.height, RGB);

  // Loop through every pixel in the image
  for (int y = 1; y < img.height-1; y++) {   // Skip top and bottom edges
    for (int x = 1; x < img.width-1; x++) {  // Skip left and right edges
      float sum = 0; // Kernel sum for this pixel
      for (int ky = -1; ky <= 1; ky++) {
        for (int kx = -1; kx <= 1; kx++) {
          // Calculate the adjacent pixel for this kernel point
          int pos = (y + ky)*img.width + (x + kx);
          // Sharpen only based on green
          float val = green(img.pixels[pos]);
          // Multiply adjacent pixels based on the kernel values
          sum += kernel[ky+1][kx+1] * val;
        }
      }
      // Get Red and Blue from original picture.
      edgeImg.pixels[y*img.width + x] = color(blue(img.pixels[y*img.width+x]), green(img.pixels[y*img.width+x]), red(img.pixels[y*img.width+x]));
    }
  }
  // State that there are changes to edgeImg.pixels[]
  edgeImg.updatePixels();

  image(edgeImg, width/2, 0); // Draw the new image
}