xxxxxxxxxx
117
let auge = [];
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);
}