gritty noise - OpenProcessing

mySketch
xxxxxxxxxx
 
let bg ;
​
function preload () {
  bg = loadImage("https://openprocessing-usercontent.s3.amazonaws.com/files/user267974/visual2404056/h40f81699f8afd48164fd629c248598e8/Screenshot%202024-10-20%20203159.png");
}
​
function setup() {
  createCanvas(bg.width, bg.height);
  
  background(0)
  
  loadPixels();
  
  let row = width * 4;
  
  for(let i = 0; i < pixels.length; i+=4) {
    if(Math.random() < 0.01) continue;
    
    let brightness = 50 * (Math.random() * Math.random()) + 25;
    pixels[i] = brightness;
    pixels[i+1] = brightness;
    pixels[i+2] = brightness;
    
    if(Math.random() < 0.00002 && i + row < pixels.length) {
      i += row
    }
    
    if(Math.random() < 0.00001 && i - row > 0) {
      i -= row
    }
  }
  
  
  for(let i = 0; i < pixels.length; i+=4) {
    if(Math.random() < 0.9) continue;
    
    let brightness = 512 * (Math.random() * Math.random());
    brightness = Math.min(brightness,255);
    
    pixels[i] = brightness;
    pixels[i+1] = brightness;
    pixels[i+2] = brightness;
    
    if(Math.random() < 0.002 && i + row < pixels.length) {
      i += row
    }
    
    if(Math.random() < 0.002 && i - row > 0) {
      i -= row
    }
  }
  
  bg.loadPixels();
  
  for(let i = 0; i < pixels.length; i+=4) {
    
    let brightness = pixels[i];
    
    let bgBrightness = bg.pixels[i] + bg.pixels[i+1] + bg.pixels[i + 2];
    bgBrightness /= 3 * 255;
    
    brightness /= 255;
  
    let whiteBalance = 0.51;
    let blackBalance = 0.3;
    
    bgBrightness /= whiteBalance;
    blackBalance /= whiteBalance;
    
    bgBrightness = Math.min(bgBrightness, 1); 
    bgBrightness = (1-bgBrightness) / (1-blackBalance);
    bgBrightness = 1-Math.min(bgBrightness, 1); 
    
    
    
    brightness = lerp(brightness,bgBrightness, bgBrightness ** 0.5);
    
    let [R, G, B] = toneMap (brightness * bgBrightness);
    
    R /= bgBrightness;
    G /= bgBrightness;
    B /= bgBrightness;
    
    
    pixels[i] =   R * bg.pixels[i];
    pixels[i+1] = G * bg.pixels[i+1];
    pixels[i+2] = B * bg.pixels[i+2];
    
  }
  
  updatePixels();
}
​
​
function toneMap(b) {
  // if(b > 0.9) {
  //  return [b * 0.95, b * 0.95, b];
  // }
  
  if(b > 0.7) {
    return [b * 0.95, b * 0.95, b* 0.95];
  }
  
  if(b > 0.5) {
    return [b * 0.97, b * 0.93, b * 0.93];
  }
  
  if(b > 0.3) {
    return [b *0.97, b * 0.9, b *0.9];
  }
  
  if(b > 0.25) {
    return [b, b * 0.85, b *0.8];
  }
  
  if(b > 0.2) {
    return [b, b * 0.75, b *0.7];
  }
  
  if(b > 0.15) {
    return [b, b * 0.73, b *0.65];
  }
​
  if(b > 0.1) {
    return [b, b * 0.6, b *0.5];
  }
  
  if(b > 0.0) {
    return [b, b * 0.4, b *0.3];
  }
  
  return [b,b,b];
}
​