Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Erstellung des Startbildschirms | Erstellung Ihres Ersten Spiels: Flip Cards
Spieleentwicklung mit Cursor-AI

bookErstellung des Startbildschirms

Ein Memory-Spiel beginnt mit einem einladenden Startbildschirm. Dieser ist fröhlich und verspielt gestaltet, mit großen Karten für verschiedene Themen, die die Spieler vor dem Start auswählen können.

Dieses Spiel ist eine klassische Gedächtnisaufgabe: Zwei Karten aufdecken, versuchen ein Paar zu finden und weitermachen, bis alle Paare entdeckt sind. Um es unterhaltsamer zu gestalten, können die Spieler vor Beginn ein Thema auswählen.

Für die erste Version fügen Sie drei Themen hinzu: Tiere, Früchte und Weltraum. Jedes Thema erscheint als große, farbenfrohe Karte mit einem Emoji und einer Beschriftung. Durch Anklicken gelangt der Spieler in das Spiel mit diesem Thema.

Richten wir alles Schritt für Schritt ein:

Projektordner erstellen
expand arrow

Sie können den Ordner überall anlegen (Desktop, Dokumente usw.). Zum Beispiel nennen Sie ihn "flip-card-memory-game".

Ordner in Cursor öffnen
expand arrow

Gehen Sie zu DateiOrdner öffnen und wählen Sie den gerade erstellten Ordner aus.

Chat in Cursor öffnen
expand arrow

Hier schreiben Sie die erste Eingabeaufforderung.

Vorbereitete Eingabeaufforderung (oder eigene Version) eingeben
expand arrow

Cursor generiert den Code für den Startbildschirm.

Sobald Cursor fertig ist, auf Go Live klicken, um die Seite sofort im Browser anzuzeigen.

Note
Hinweis

Um das Design anzupassen (Farben ändern, eine neue Schriftart ausprobieren oder das Layout anpassen), einfach Cursor auf Englisch anweisen. Der Code wird daraufhin automatisch aktualisiert.

question mark

Was sollte laut der vorbereiteten Anweisung auf dem Startbildschirm deines Flip Card Memory Games angezeigt werden?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 1. Kapitel 2

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Suggested prompts:

Can you explain how the game works after selecting a topic?

What should I do if I want to add more topics later?

How can I customize the appearance of the home screen?

Awesome!

Completion rate improved to 6.67

bookErstellung des Startbildschirms

Swipe um das Menü anzuzeigen

Ein Memory-Spiel beginnt mit einem einladenden Startbildschirm. Dieser ist fröhlich und verspielt gestaltet, mit großen Karten für verschiedene Themen, die die Spieler vor dem Start auswählen können.

Dieses Spiel ist eine klassische Gedächtnisaufgabe: Zwei Karten aufdecken, versuchen ein Paar zu finden und weitermachen, bis alle Paare entdeckt sind. Um es unterhaltsamer zu gestalten, können die Spieler vor Beginn ein Thema auswählen.

Für die erste Version fügen Sie drei Themen hinzu: Tiere, Früchte und Weltraum. Jedes Thema erscheint als große, farbenfrohe Karte mit einem Emoji und einer Beschriftung. Durch Anklicken gelangt der Spieler in das Spiel mit diesem Thema.

Richten wir alles Schritt für Schritt ein:

Projektordner erstellen
expand arrow

Sie können den Ordner überall anlegen (Desktop, Dokumente usw.). Zum Beispiel nennen Sie ihn "flip-card-memory-game".

Ordner in Cursor öffnen
expand arrow

Gehen Sie zu DateiOrdner öffnen und wählen Sie den gerade erstellten Ordner aus.

Chat in Cursor öffnen
expand arrow

Hier schreiben Sie die erste Eingabeaufforderung.

Vorbereitete Eingabeaufforderung (oder eigene Version) eingeben
expand arrow

Cursor generiert den Code für den Startbildschirm.

Sobald Cursor fertig ist, auf Go Live klicken, um die Seite sofort im Browser anzuzeigen.

Note
Hinweis

Um das Design anzupassen (Farben ändern, eine neue Schriftart ausprobieren oder das Layout anpassen), einfach Cursor auf Englisch anweisen. Der Code wird daraufhin automatisch aktualisiert.

question mark

Was sollte laut der vorbereiteten Anweisung auf dem Startbildschirm deines Flip Card Memory Games angezeigt werden?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 1. Kapitel 2
some-alt