let nase = [];

let mund = [];

let aus = [];

let tex = [];

let extra = [];

let intro;

let xAuge, yNase, yMund;

let r, g, b;

​

function preload() {

  intro = loadImage("intro1.png");

​

  for (let i = 0; i < 19; i++) {

    extra[i] = loadImage("extra" + i + ".png");

  }

​

  for (let i = 0; i < 23; i++) {

    auge[i] = loadImage("auge/Auge" + i + ".png");

  }

  for (let i = 0; i < 20; i++) {

    nase[i] = loadImage("nase/Nase" + i + ".png");

  }

  for (let i = 0; i < 17; i++) {

    mund[i] = loadImage("mund/mund" + i + ".png");

  }

  for (let i = 0; i < 20; i++) {

    aus[i] = loadImage("aussen/aus" + i + ".png");

  }

  for (let i = 0; i < 13; i++) {

    tex[i] = loadImage("textures/tex" + i + ".png");

  }

}

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  noLoop();

  background(235, 230, 230);

  imageMode(CENTER);

  image(intro, windowWidth / 2, windowHeight / 2, intro.width / 1.8, intro.height / 1.8);

​

  // Event Listener für die Buttons

  document.getElementById("randomizeAuge").addEventListener("click", randomizeAuge);

  document.getElementById("randomizeNase").addEventListener("click", randomizeNase);

  document.getElementById("randomizeMund").addEventListener("click", randomizeMund);

  document.getElementById("randomizeAus").addEventListener("click", randomizeAus);

  document.getElementById("randomizeExtra").addEventListener("click", randomizeExtra);

  // Event Listener für den Canvas

  canvas.addEventListener("click", randomizeAll);

}

​

function draw() {

  // Hier könnte deine draw()-Funktion weiter implementiert werden, falls benötigt.

}

​

function randomizeAll() {

  r = random(232, 255);

  g = random(233, 255);

  b = random(232, 255);

  background(r, g, b);

  imageMode(CENTER);

  xAuge = random(80, 120);

  yNase = random(0, 10);

  yMund = random(80, 120);

  let randoAuge = random(auge);

  let randoNase = random(nase);

  let randoMund = random(mund);

  let randoAus = random(aus);

  let randoExtra = random(extra);

  let randoTex = random(tex);

  image(randoAuge, xAuge, -35, randoAuge.width / 1.8, randoAuge.height / 1.8);

  image(randoNase, 0, yNase, randoNase.width / 1.8, randoNase.height / 1.8);

  image(randoMund, 0, yMund, randoMund.width / 1.8, randoMund.height / 1.8);

  image(randoAus, 0, 30, randoAus.width / 2, randoAus.height / 2);

  image(randoExtra, random(width), random(height), randoExtra.width / 2, randoExtra.height / 2);

  image(randoTex, random(width), random(height), randoTex.width / 1.8, randoTex.height / 1.8);

}

​

function randomizeAuge() {

  let randoAuge = random(auge);

  image(randoAuge, xAuge, -35, randoAuge.width / 1.8, randoAuge.height / 1.8);

}

​

function randomizeNase() {

  clear();

  background(r, g, b);

  image(intro, windowWidth / 2, windowHeight / 2, intro.width / 1.8, intro.height / 1.8);

  let randoNase = random(nase);

  image(randoNase, 0, yNase, randoNase.width / 1.8, randoNase.height / 1.8);

  let randoAuge = random(auge);

  let randoMund = random(mund);

  let randoAus = random(aus);

  let randoExtra = random(extra);

  let randoTex = random(tex);

  image(randoAuge, xAuge, -35, randoAuge.width / 1.8, randoAuge.height / 1.8);

  image(randoMund, 0, yMund, randoMund.width / 1.8, randoMund.height / 1.8);

  image(randoAus, 0, 30, randoAus.width / 2, randoAus.height / 2);

  image(randoExtra, random(width), random(height), randoExtra.width / 2, randoExtra.height / 2);

  image(randoTex, random(width), random(height), randoTex.width / 1.8, randoTex.height / 1.8);

}

​

function randomizeMund() {

  let randoMund = random(mund);

  image(randoMund, 0, yMund, randoMund.width / 1.8, randoMund.height / 1.8);

}

​

function randomizeAus() {

  let randoAus = random(aus);

  image(randoAus, 0, 30, randoAus.width / 2, randoAus.height / 2);

}

​

function randomizeExtra() {

  let randoExtra = random(extra);

  image(randoExtra, random(width), random(height), randoExtra.width / 2, randoExtra.height / 2);

}

​