Mila, das Spiel!
In dem Tamagotchi oder Pou ähnlichen Spiel geht es darum, sich um meinen Hund Mila zu kümmern. Ein Großteil der Bilder sind somit Original von mir. Zu Allen zusätzlichen Bildern befinden sich die Bildquellen in einer Text-Datei im Bilderordner.
Genauso wie das gesamte Spiel ist dieses Dokument in die einzelnen Teilaspekte des Spiels aufgeteilt. Dies zieht sich durch die HTML-Dateien bis hin über den CSS- und Java Script-Ordner.
Zum genaueren Verstehen des Codes sind die Kommentare an der jeweiligen Stelle gedacht.
First: Dieser Abschnitt gilt als Startbildschirm für das Spiel. Es erklärt kurz das Spiel ohne viel Vorweg zu nehmen, da das Spiel davon lebt selber zu erkunden. Daraufhin kann das Spiel beliebig auf den Start-Button gestartet werden. Dieser vergrößert sich beim Hovern der Maus um die Option des Klickens zu signalisieren.
Main: Dies ist eine Art Menü. In der Mitte Mila um welche man sich kümmern muss und außenrum der Raum gefüllt mit Objekten. Wenn man auf Mila klickt bellt sie. Durch klicken auf diese einzelnen Objekte können die verschiedenen "Minispiele" entdeckt werden. Diese vergrößern sich durch Hovern um die Klick-Option zu zeigen. Die Objekte hier sind Napf (führt zum Abschnitt Essen), Bett (führt zum Abschnitt Schlafen), Ball (führt zum Abschnitt Spielen), Leckerlibeutel (führt zum Abschnitt Training), normale Tür (führt zum Abschnitt Waschen), Haustür (führt zum Abschnitt Gassi). Außerdem um den zentralen Bildschirm nach First und zu welchem man immer von überall mit einem Zurück-Button kommt. Beim ersten Zeigen dieses Bildschirms oder beim Neustart werden hier immer die Bars zu 0 gesetzt und beginnen daraufhin zu arbeiten.
Essen: Beim Klicken auf den Napf kommt man zu dem Abschnitt des Spiels, bei welchem man Mila füttern kann. Hier ist Mila zu sehen mit ihrem leeren Napf und 3 Futterverpackungen. Auch hier vergrößert sich alles außer Mila beim Hovern. Nun muss eine der Futterarten gewählt und auf den Napf gezogen werden. Dies stellt das Einfüllen des Essens in den Napf dar. Daraufhin ändert sich das Bild vom leeren Napf zu einem vollen Napf. Nach kurzer Zeit reagiert Mila je nachdem welches Futter gewählt wurde. Bei dem Mittleren beginnt Mila zu Essen, da es sich um ihr Lieblingsfutter handelt und ist anschließend komplett satt. Wenn das Rechte gewählt wurde, ist Mila das Futter zwar aber ist nicht besonders glücklich darüber. Deshalb verringert sich ihr Hunger nur um die Hälfte. Das linke Futter ist die falsche Wahl, da Mila dieses Futter nicht mag, verweigert sie es zu essen. Es muss nun entsorgt werden. Feedback zu wie Mila das Essen fand bekommt der Spieler immer durch einen kurzen Text und Milas Ausdruck bzw Tätigkeiten (bsp essen). Außerdem ertönt immer ein passender Essenssound wenn Mila isst. Schlussendlich wird wieder der leere Napf angezeigt und das Füttern kann wiederholt werden.
Schlafen: Beim Klicken auf das Bett kommt man zum Abschnitt Schlafen. Hier wir eine neue Div angezeigt, welche Mila schlafend zeigt. Währenddessen wird ihre Müdigkeit verringert. Dieses "Minispiel" dient als vergleichsweise einfacher Ausgleich um Mila wenn nötig schlafen zu lassen, egal ob schneller Powernap zur schnellen Verringerung der Müdigkeit-Bars und langem Schlaf bis hin zur kompletten Erholung.
Spielen: Beim Klicken auf den Ball kommt man zum Abschnitt Spielen. Hier kann man mit Mila Ball spielen, indem man belibig auf den Bereich klickt. Nach kurzer Zeit rennt Mila dem Ball hinterher bis sie beim ihm angekommen ist und rennt dann wieder Richtung Mitte des Bildschirms. Jetzt kann der Spieler ihr nochmal den Ball durch Klicken auf den Bildschirm werfen. Immer wenn Mila bei dem Ball angekommen ist, geht außerdem ihre Bewegungs-Bar runter.
Training: Beim Klicken auf den Leckerlibeutel kommt man zum Abschnitt Training. Hier sieht man auf der linken Seite Mila und auf der rechten Seite Buttons. Diese Buttons sind verschiedene Tricks, welche Mila ausführen kann. Auch hier wird wieder durch eine kleine Vergrößerung beim Hovern die Klick-Option dargestellt. Je nachdem auf welchen Button man klickt, verschwindet die ursprüngliche Mila und wird durch ein Bild von Mila ersetzt, inwelchem sie den jeweiligen Trick macht. Nach ein paar Sekunden erscheint nun ein Bild, beiwelchem Mila ein Leckerli bekommt und ein Lob-Text. Es ertönt ein kurzes Essensgeräusch. Während Mila den jeweiligen Trick ausführt und ihr Leckerli bekommt verschwinden alle Buttons um eine Überforderung von Mila zu vermeiden. Außerdem mindert sich bei jedem Trick ihr Hunger minimal (wegen dem Leckerli) und ihre Bewegung. Einen Unterschied macht hier nur der Button "Salto". Da Mila keinen Salto kann kommt hier nur ein das erklärender Text und es ändert sich nichts bezüglich der Bars.
Waschen: Beim Klicken auf die normale Tür kommt man zum Abschnitt Waschen. Es zeigt sich ein Badezimmer mit Mila. Hier vergrößern sich beim Hovern Mila, die Dusche und das hängende Handtuch. Nun muss der Spieler Mila auf die Dusche ziehen. Dort ändert sich ihr Aussehen, sodass sie dann nass ist. Außerdem ertönt das Geräusch der Dusche. Daraufhin muss der Spieler das Handtuch auf Mila ziehen um sie Abzutrocknen. Nach kurzer Zeit taucht Mila dann wieder komplett sauber auf ihrem Ausgangspunkt auf, die Bar für Pflege wird auf 0 gesetzt und das "Minispiel" kann optional wiederholt werden.
Gassi: Beim Klicken auf die Haustür kommt man zum Abschnitt Gassi gehen. Dieser ist jedoch so konstruiert, dass es sich um ein nicht freigeschaltetes Feature handelt. Es kommt ein Text, welcher erklärt das man dieses Feature für 1000 Euro erwerben kann und ein Kauf-Button. Beim Klicken auf diesen kommt man auf eine weitere Seite, welche ein Video zeigt zu Datenklau durch Onlineshops :).
Gestorben: Wenn eine der Bars voll wird heißt das, dass sich der Spieler nicht gut genug um Mila gekümmert hat und Mila "gestorben" ist. Es folgt dieser Bildschirm, welcher einem genau das erklärt und einen Neustart-Button anbietet (auch dieser vergrößert sich beim Hovern). Beim Klicken auf diesen Button kommt man wieder auf die First-Div.
Bars: Die Bars sind ab Start des Spiels bis zum Tot links oben im Eck platziert. Sie steigern sich während des spielens immer weiter bis eine Bar voll ist und Mila stirbt. Dies kann durch spielen der verschiedenen "Minispiele" herausgezögert werden. Genaueres dazu bei den jeweiligen Abschnitten.
Allgemein (Allg) / Scenenwechsel: Von Allg gibt es nur ein CSS-file, da hier Design-Aspekte bezüglich Hintergrundverlauf und Zurück-Buttons festgelegt werden. Dadurch gehört das ScenenwechselJS.js-file mehr oder weniger dazu, da hier geklärt wird welche Tätigkeit welche Scene aufruft. In diesem Dokument gibt es jede Funktion zu jedem möglichen Scenenwechsel. Es ist somit nicht möglich vom Waschen gleich zum Spielen zu gehen. Man muss dafür immer über die Main-Seite gehen und dort wieder auf das jeweilige Bild klicken. Die Bennenung der Funktionen ist immer v(on) aktuelleScene z(u) zielScene (bsp. vMainzTraining).