Useless_Website_Philip
you will loose 2; might win 1
Website where you might win one mini-game and loose the two others. completely useless - wow.
Bei der Aufgabenstellung "Kreiere eine 'useless' Website" ist mir bei der Recherche https://cursoreffects.com aufgefallen. Mir gefiel das Durchklicken und schnell kam ich zu der Idee kleine Mini-Games zu erstellen. Mini-Games selbst sind ja gar nicht so "useless", weswegen ich beim ersten Spiel, kann man noch gewinnen, wenn man etwas um die Ecke denkt (ich möchte nicht zu viel verraten). Die anderen beiden Spiele kann man nicht gewinnen. Damit man trotzdem zum nächsten Level kommen kann, habe ich einen "next"-Button, sowie einen 30-sekündigen Timer eingebaut, der die Spielenden zum nächsten Level schickt. Nach dem dritten und letzten Spiel erscheint ein Schlussbildbildschirm, der auflöst, dass man nicht gewinnen kann.
Ich habe pro Seite eine html-Datei erstellt und jeder Seite gesagt, wo sie hingeleitet werden soll (bei countdown und next-button). Des Weiteren gibt es eine CSS-Datei. für Textgröße, -positionierung, Margin, … . Es gibt zwei js-Dateien, eine für den Geist im zweiten Spiel. und eine für den Roboter und Magneten im dritten Spiel.
Auf die Ideen (Geist verschwindet, Roboter wird an den Magneten zurückgezogen) kam ich beim Durchstöbern der p5.js Library. und habe überlegt, welche Bildmotive dazu passen würden. Das Farbschema soll einen Retro-Vibe hervorbringen.