var imgtwo;

var x = 0;

​

function setup() {

  c = createCanvas(500, 325);

  background(0);

​

​

img = loadImage("assets/Ludwigstr-neu.png"); // Bild in Assets laden und hier Namen ändern

  imgtwo = loadImage("assets/Ludwigstr-alt.png");

​

}

​

function draw() {

  // Pixel in Speicher laden

  img.loadPixels();

  imgtwo.loadPixels();

​

  let a = 397/70/2;

  let c = 2

  let mouse = map(mouseX, 0, width, 0, a);

​

  for (let x = 0; x < img.width; x += a * c) {

    var line = img.get(x, 0, a, img.height);

    image(line, x, 0); // Bild 1 (auskommentieren für Overlay)

​

    var line2 = imgtwo.get(x + a, 0, a, img.height);

    image(line2, x + a, 0); // Bild 2 (auskommentieren für Overlay)

​

    noStroke();

    fill(0);

    rect(x + mouse, 0, a, img.height); // Streifen-Overlay (auskommentieren für Bild-Layer)

  }

}

​

function mousePressed() {

  saveCanvas(c, "screenshot", "jpg");

}

​