Snippets Collections
PImage img;

//setup
img = loadImage("imagename.png");
img = loadImage("https://source.unsplash.com/random/900x900", "png");
img = loadImage("https://source.unsplash.com/900x900/?nature,water", "png");


//draw
image(img, 0,0);

int dim;

void setup() {
  size(640, 360);
  dim = width/2;
  background(0);
  colorMode(HSB, 360, 100, 100);
  noStroke();
  ellipseMode(RADIUS);
  frameRate(1);
}

void draw() {
  background(0);
  for (int x = 0; x <= width; x+=dim) {
    drawGradient(x, height/2);
  } 
}

void drawGradient(float x, float y) {
  int radius = dim/2;
  float h = random(0, 360);
  for (int r = radius; r > 0; --r) {
    fill(h, 90, 90);
    ellipse(x, y, r, r);
    h = (h + 1) % 360;
  }
}
loadPixels(); 
  // Since we are going to access the image's pixels too  
  img.loadPixels(); 
  for (int y = 0; y < height; y++) {
    for (int x = 0; x < width; x++) {
      int loc = x + y*width;
      
      // The functions red(), green(), and blue() pull out the 3 color components from a pixel.
      float r = red(img.pixels[loc]);
      float g = green(img.pixels[loc]);
      float b = blue(img.pixels[loc]);
      
      // Image Processing would go here
      // If we were to change the RGB values, we would do it here, 
      // before setting the pixel in the display window.
      
      // Set the display pixel to the image pixel
      pixels[loc] =  color(r,g,b);          
    }
  }
  updatePixels();
star

Tue Nov 23 2021 20:36:48 GMT+0000 (Coordinated Universal Time)

#processing #javascript #red #green #blue #brightness
star

Mon Apr 19 2021 18:50:40 GMT+0000 (Coordinated Universal Time)

#processing #javascript #red #green #blue #brightness
star

Tue Apr 06 2021 20:21:24 GMT+0000 (Coordinated Universal Time) https://processing.org/tutorials/pixels/

#processing #javascript #red #green #blue #brightness

Save snippets that work with our extensions

Available in the Chrome Web Store Get Firefox Add-on Get VS Code extension