Problem: JavaScript Haus und Garten ;)

Problem: JavaScript Haus und Garten ;)

Dieser Artikel ist Teil der Summer of Code Challenge und ist eine Zusammenfassung der bereits f├╝nften Challeng-Ferienwoche! In den letzten 5 Tagen haben wir, beginnend mit den Grundlagen, gelernt, eigene JavaScript-Skripte mit den Grundprinzipien der Programmierung und DOM-Manipulation zu erstellen.

ENDG├ťLTIGES PROJEKT:

aufgabe Garten in JavaScript

Ihre Aufgabe ist es, eine App zu erstellen, die den Anbau von Pflanzen nachahmt, auch in JavaScript als Gartensimulator bekannt. Die Anwendung sollte es dem Benutzer erm├Âglichen, virtuelle Pflanzen anzubauen, sie durch Gie├čen und D├╝ngen zu pflegen.

Wir verewigen F├Ąhigkeiten im Zusammenhang mit der JavaScript-Programmierung, wie zum Beispiel:

  • Sprachsyntax: Variablen, Bedingungen, Schleifen, Funktionen
  • DOM-Manipulation-├ändern Sie das Aussehen und die Anzahl der Emoji-Pflanzen
  • Ereignisbehandlung-Reagieren auf Benutzerklicks auf verschiedene Emoticons
  • Umsetzung der Spiellogik: Verwalten des Lebenszyklus von Pflanzen, von ihrem Wachstum bis zum Einfrieren und Wiederbeleben

Erforderliche Funktionen: Garten

  1. Pflanzenauswahl: Zu Beginn des Spiels hat der Benutzer eine Pflanze zur Verf├╝gung, die durch ein Emoji dargestellt wird.
  2. Bew├Ąsserung der Pflanze: Der Benutzer kann die Pflanze gie├čen, indem er auf das Wassertropfen-Emoji klickt. Jede Bew├Ąsserung erh├Âht die Gr├Â├če der Pflanze (├Ąndert die Gr├Â├če der Emoji-Schrift der Pflanze). Wenn eine Pflanze mehr als eine bestimmte Anzahl von Malen bew├Ąssert wird (z. B. 5, 10), friert sie ein und verwandelt sich in ein Smiley aus braunen Bl├Ąttern . Es kann andere Symptome geben – eine Ver├Ąnderung des Hintergrunds des Bettes oder die Umgebung von Emojis mit Tropfen als Zeichen des Versch├╝ttens.
    Wenn mehr als eine Pflanze bew├Ąssert wird, wird die Wassermenge gleichm├Ą├čig auf alle Pflanzen verteilt.
  3. D├╝nger der Pflanze: Der Benutzer kann der Pflanze D├╝nger hinzuf├╝gen, indem er auf das D├╝ngemittel-Emoji klickt. Jede Zugabe von D├╝ngemitteln f├╝hrt zu einer zus├Ątzlichen Pflanze im Garten. Der Benutzer kann jedoch nicht mehr als 10 Pflanzen im Bett haben.
  4. Rettung der Pflanze: Wenn die Pflanze eingefroren ist, kann der Benutzer sie speichern, indem er auf das Emoji des Wagens klickt. Dann wird die Pflanze “wiederhergestellt” und beginnt von neuem. Wenn es mehr als eine Pflanze gibt, rettet ein Krankenwagen alle toten Pflanzen.
  5. Pflanzen schneiden: Der Benutzer kann die Pflanze abschneiden, indem er auf das Axt-Emoji klickt. Der Benutzer muss die Nummer der Pflanze angeben, die er f├Ąllen m├Âchte. Wenn es nur eine Pflanze gibt, wird sie “belebt” und die Wassermenge f├╝r diese Pflanze wird auf 0 zur├╝ckgesetzt.
  6. Beengung: Die Schriftgr├Â├če f├╝r jede Pflanze sollte 60% der Bildschirmh├Âhe nicht ├╝berschreiten. Wenn die Pflanze ihre maximale H├Âhe erreicht hat, sollte die Meldung “Die Pflanze hat ihre maximale H├Âhe erreicht” angezeigt werden.

PSEUDOCODE

Pseudocode ist eine verbale Beschreibung mit vielen Details. Vielleicht wird es bei der L├Âsung der Aufgabe n├╝tzlich sein, dh: Wie kann es geteilt werden und was sollte jede Funktion dann tun?

1. Funkcja inicjalizujGre(): 

   - Utw├│rz grz─ůdke z jedn─ů ro┼Ťlin─ů.

2. Funkcja podlejRosline(): 

   - Sprawd┼║, czy rozmiar ro┼Ťliny nie przekracza 60% wysoko┼Ťci ekranu. Je┼Ťli tak, nie zwi─Ökszaj rozmiaru ro┼Ťliny.

   - Zwi─Öksz rozmiar ro┼Ťliny.

   - Je┼Ťli ro┼Ťlina zostanie podlana wi─Öcej ni┼╝ pi─Ö─ç razy, zmie┼ä jej stan na "umar┼éa".

   - Je┼Ťli na grz─ůdce jest wi─Öcej ni┼╝ jedna ro┼Ťlina, podziel ilo┼Ť─ç wody r├│wnomiernie mi─Ödzy wszystkie ro┼Ťliny.

3. Funkcja dodajNawoz(): 

   - Sprawd┼║, czy na grz─ůdce jest mniej ni┼╝ 10 ro┼Ťlin. Je┼Ťli tak, dodaj now─ů ro┼Ťlin─Ö do grz─ůdki.

4. Funkcja uratujRosline(): 

   - Je┼Ťli ro┼Ťlina jest "umar┼éa", zmie┼ä jej stan na "┼╝ywa" i zresetuj ilo┼Ť─ç wody do 0.

5. Funkcja scinajRosline(): 

   - Usu┼ä ro┼Ťlin─Ö z grz─ůdki.

   - Je┼Ťli jest tylko jedna ro┼Ťlina, zresetuj jej ilo┼Ť─ç wody do 0.


Erweiterungsideen

– Einf├╝hrung der Pflanzenauswahl, anstelle der Standardpflanzen hat der Benutzer eine Auswahl an Emoji.

– Ersetzen der Pflanze: Der Benutzer kann die Pflanze ersetzen, indem er den Index der Pflanze im Bett eingibt und neue Emoticons aus der Auswahlliste ausw├Ąhlt. Die neue Pflanze ersetzt die alte und beginnt von neuem zu wachsen, und der Wasserz├Ąhler f├╝r diese Pflanze wird auf 0 zur├╝ckgesetzt.

– ihre anderen Ideen.

Sie k├Ânnen auch eine Beschreibung der Funktionalit├Ąt am Anfang als Leitfaden f├╝r das Spiel oder in README.md ein Tresor.

Beachten Sie, dass Sie meine Beschreibung nicht kopieren, sondern in eigenen Worten schreiben m├╝ssen, was das Projekt enth├Ąlt, welche Funktionen. Hier finden Sie: Wie schreibe ich eine gute README?.

Zum Code!

Bereit, uns in Aktion zu sehen:

More To Explore

Haben Sie ein Projekt im Sinn?

Kontaktieren Sie uns:

small_c_popup.png