var zeichenflaeche, schneeflockeYKoord, schneeflockeXKoord, Baum_X_Koord, Baum_Y_Koord, Charakter_X_Koord, Charakter_Y_Koord, i, Mouse_X, TA_X; let timer = 25000 let nextChange = timer // Beschreibe diese Funktion … function Charakter3() { strokeWeight(10); fill("#999999"); strokeWeight(7); stroke("#777777"); line((Charakter_X_Koord + 5), (Charakter_Y_Koord + 5), (Charakter_X_Koord - 20), (Charakter_Y_Koord + 5)); stroke("#999999"); ellipse(Charakter_X_Koord, Charakter_Y_Koord, 10, 10); line((Charakter_X_Koord + 5), (Charakter_Y_Koord + 5), (Charakter_X_Koord +25), (Charakter_Y_Koord + 5)); stroke("#777777"); line((Charakter_X_Koord + 25), (Charakter_Y_Koord + 5), (Charakter_X_Koord + 60), (Charakter_Y_Koord + 6)); stroke("#999999"); line((Charakter_X_Koord + 25), (Charakter_Y_Koord + 5), (Charakter_X_Koord + 60), (Charakter_Y_Koord + 7)); line((Charakter_X_Koord + 10), (Charakter_Y_Koord + 5), (Charakter_X_Koord + 30), (Charakter_Y_Koord + 7)); strokeWeight(5); stroke('#DE1420'); fill('#DE1420'); beginShape(); vertex((Charakter_X_Koord + 10), (Charakter_Y_Koord + 5)); vertex((Charakter_X_Koord + 50),(Charakter_Y_Koord + 5)); vertex((Charakter_X_Koord + 47), (Charakter_Y_Koord -5 )); vertex((Charakter_X_Koord + 13), Charakter_Y_Koord); endShape(CLOSE); } // Beschreibe diese Funktion … function Charakter2() { strokeWeight(10); fill("#999999"); strokeWeight(7); stroke("#777777"); line((Charakter_X_Koord - 5), (Charakter_Y_Koord + 5), (Charakter_X_Koord + 20), (Charakter_Y_Koord + 5)); stroke("#999999"); ellipse(Charakter_X_Koord, Charakter_Y_Koord, 10, 10); line((Charakter_X_Koord - 5), (Charakter_Y_Koord + 5), (Charakter_X_Koord-25), (Charakter_Y_Koord + 5)); stroke("#777777"); line((Charakter_X_Koord - 25), (Charakter_Y_Koord + 5), (Charakter_X_Koord - 60), (Charakter_Y_Koord + 6)); stroke("#999999"); line((Charakter_X_Koord - 25), (Charakter_Y_Koord + 5), (Charakter_X_Koord - 60), (Charakter_Y_Koord + 7)); line((Charakter_X_Koord - 10), (Charakter_Y_Koord + 5), (Charakter_X_Koord - 30), (Charakter_Y_Koord + 7)); strokeWeight(5); stroke('#DE1420'); fill('#DE1420'); beginShape(); vertex((Charakter_X_Koord - 10), (Charakter_Y_Koord + 5)); vertex((Charakter_X_Koord - 50),(Charakter_Y_Koord + 5)); vertex((Charakter_X_Koord - 47), (Charakter_Y_Koord -5 )); vertex((Charakter_X_Koord - 13), Charakter_Y_Koord); endShape(CLOSE); } // Beschreibe diese Funktion … function Charakter() { strokeWeight(5); stroke('#DE1420'); fill('#DE1420'); beginShape(); vertex((Charakter_X_Koord - 5), (Charakter_Y_Koord + 10)); vertex(Charakter_X_Koord, (Charakter_Y_Koord + 10)); vertex((Charakter_X_Koord + 5), (Charakter_Y_Koord + 10)); vertex((Charakter_X_Koord + 10), (Charakter_Y_Koord + 45)); vertex(Charakter_X_Koord, (Charakter_Y_Koord + 42)); vertex((Charakter_X_Koord - 10), (Charakter_Y_Koord + 45)); endShape(CLOSE); strokeWeight(10); stroke("#999999"); fill("#999999"); strokeWeight(7); ellipse(Charakter_X_Koord, Charakter_Y_Koord, 10, 10); line(Charakter_X_Koord, Charakter_Y_Koord, Charakter_X_Koord, (Charakter_Y_Koord + 20)); line((Charakter_X_Koord + 5), (Charakter_Y_Koord + 10), (Charakter_X_Koord + 10), (Charakter_Y_Koord + 30)); line(Charakter_X_Koord, (Charakter_Y_Koord + 20), (Charakter_X_Koord + 5), (Charakter_Y_Koord + 55)); line((Charakter_X_Koord - 5), (Charakter_Y_Koord + 10), (Charakter_X_Koord - 10), (Charakter_Y_Koord + 30)); line(Charakter_X_Koord, (Charakter_Y_Koord + 20), (Charakter_X_Koord - 5), (Charakter_Y_Koord + 55)); } // Fullscreen function mousePressed() { if (mouseX > 0 && mouseX < 25 && mouseY > 0 && mouseY < 25) { let fs = fullscreen(); fullscreen(!fs); } } function Fullscreen() { strokeWeight(3); stroke(150); if ( fullscreen()) { line(9, 3, 9, 9); line(9, 9, 3, 9); line(18, 3, 18, 9); line(18, 9, 24, 9); line(18, 18, 24, 18); line(18, 24, 18, 18); line(9, 18, 3, 18); line(9, 18, 9, 24); } else { line(3, 3, 9, 3); line(3, 24, 9, 24); line(24, 3, 18, 3); line(24, 24, 18, 24); line(3, 9, 3, 3); line(24, 9, 24, 3); line(3, 18, 3, 24); line(24, 18, 24, 24);} } // Beschreibe diese Funktion … function Weg() { strokeWeight(50); stroke('#52483E'); line(0, 930, 480, 960); line(480, 960, 960, 915); line(960, 915, 1400, 975); line(1400, 975, 1920, 1050); } // Beschreibe diese Funktion … function Baum() { strokeWeight(5); stroke('#1d1107'); fill('#28180b'); rect(Baum_X_Koord, Baum_Y_Koord, 30, 20); stroke('#182400'); fill('#1b2702'); beginShape(); vertex((Baum_X_Koord - 50), (Baum_Y_Koord + 5)); vertex((Baum_X_Koord + 15), (Baum_Y_Koord - 280)); vertex((Baum_X_Koord + 75), (Baum_Y_Koord + 5)); endShape(CLOSE); } // Beschreibe diese Funktion … function Mond() { strokeWeight(0); fill(232, 234, 235, 255); ellipse(80, 80, 75, 75); } // Beschreibe diese Funktion … function Boden() { strokeWeight(1); fill(253, 253, 253, 255); rect((-2), 780, 1930, 400); } // Beschreibe diese Funktion … function Hintergrund() { Mond(); Boden(); Baum_X_Koord = 0; Baum_Y_Koord = 760; for (var count = 0; count < 28; count++) { Baum(); Baum_X_Koord = Baum_X_Koord + 75; } Baum_X_Koord = 50; Baum_Y_Koord = 780; for (var count2 = 0; count2 < 28; count2++) { Baum(); Baum_X_Koord = Baum_X_Koord + 75; } Baum_Y_Koord = 800; Baum_X_Koord = 25; for (var count3 = 0; count3 < 28; count3++) { Baum(); Baum_X_Koord = Baum_X_Koord + 75; } Weg(); } function Mouse() { if (millis() > nextChange){ frameRate(10) strokeWeight(3) stroke ('#e5b5a9') line((Mouse_X - 5), 850, (Mouse_X - 10), 851) strokeWeight (1); stroke(98, 100, 98) fill ('#6B6E6B') circle ((Mouse_X + 2.5), 848, 5) ellipse (Mouse_X, 850, 10, 5) Mouse_X = Mouse_X + 10; console.log(`time elapsed: ${round(millis() / 1000)}`); if (Mouse_X > width){ Mouse_X = 1990; } } } //MM = Mystery Man, it is a misterious Character from the game "Undertale" function MM() { if (millis() > (2 * nextChange)) {strokeWeight (1); stroke ('#000000'); fill ('#000000'); ellipse (200, 920, 22, 50); // Draw a rectangle with rounded corners, each having a radius of 20. rect(190, 930, 20, 13, 5); fill ('#ffffff'); triangle (190, 900, 210, 900, 200, 925) ellipse (200, 900, 20, 30); circle (195, 930, 7) circle (205, 932, 5) fill ('#000000'); beginShape(); vertex (196, 886); vertex (196, 888); vertex (194, 893) vertex (196, 893); vertex (196, 899) endShape(CLOSE); ellipse (204, 897, 5, 6) //eye quad (193, 898, 196, 901, 199, 896, 195, 899) quad (196, 905, 201, 908, 205, 905, 199, 907) line (204, 897, 204, 905)} } function The_Auditor() { if (millis() > (2.2* nextChange)) {strokeWeight(2); stroke('#ac0f0f') fill ('#000000') rect ((TA_X - 20), 193, 20, 15, 7) ellipse ((TA_X - 22), 200, 8, 12) circle (TA_X, 200, 15); stroke('#000000') rect ((TA_X - 9), 195, 5,11) ellipse ((TA_X - 15), 199, 18, 7) stroke('#e60b0b') line ((TA_X ), 201, (TA_X + 5), 201) stroke ('#ac0f0f') circle ((TA_X - 10), 205, 5) TA_X = TA_X + 30 if (TA_X > width){ TA_X = 0 } } } setup = function() { zeichenflaeche = createCanvas(1910, 1060); angleMode(DEGREES); schneeflockeYKoord = []; schneeflockeXKoord = []; Mouse_X = 0; TA_X = 0 }; draw = function() { background("#000066"); Hintergrund(); schneeflockeXKoord.unshift(random(0, width)); schneeflockeYKoord.unshift(0); if (schneeflockeYKoord.slice(-1)[0] > height) { schneeflockeXKoord.pop(); schneeflockeYKoord.pop(); } Mouse(); MM(); The_Auditor(); if ( (Charakter_X_Koord > mouseX) && (Charakter_Y_Koord < 785)) { Charakter3(); } else if ((Charakter_Y_Koord <= 785) && Charakter_X_Koord < mouseX) { Charakter2(); } else { Charakter(); } if (mouseIsPressed) { Charakter_X_Koord = mouseX; Charakter_Y_Koord = mouseY; } strokeWeight(0); fill(255, 255, 255, 180); for (i = 1; i <= schneeflockeXKoord.length; i = i + 1) { schneeflockeYKoord[(i - 1)] = schneeflockeYKoord[(i - 1)] + 1; schneeflockeXKoord[(i - 1)] = schneeflockeXKoord[(i - 1)] + random((-0.3), 0.3); ellipse((schneeflockeXKoord[(i - 1)]), (schneeflockeYKoord[(i - 1)]), 7, 7); } Fullscreen(); }; new p5();