Gestaltung des Startbildschirms
Du startest ein neues Spiel namens "Help Colin". Colin hat verschlafen, der Bus kommt gleich, und die Aufgabe der Nutzer besteht darin, ihm beim Fertigmachen zu helfen, indem sie gute Schulsachen fangen und die schlechten vermeiden. Zuerst erstellst du einen hellen und freundlichen Startbildschirm, der diese Geschichte erzählt.
Lade die vorbereiteten Bilder herunter (room.png, colin.png). Möchtest du lieber eigene Grafiken verwenden? Kein Problem, verwende die gleichen Dateinamen oder passe den Prompt entsprechend an.
- Einen neuen Ordner für das Projekt erstellen (z. B.
help-colin-game) und in Cursor öffnen (Datei → Ordner öffnen); room.pngundcolin.pngim Projektverzeichnis ablegen;- Einen neuen Chat in Cursor öffnen;
- Den untenstehenden Prompt einfügen und ausführen;
- Auf Go Live klicken, um die Vorschau zu sehen.
- Der Hintergrund zeigt
room.pngmit einer sanften Überlagerung, damit der Text gut lesbar ist; - Auf der linken Seite befindet sich ein großes Bild von Colin (
colin.png); - Rechts werden der Spieltitel und eine kurze, freundliche Geschichte über Colins Verspätung angezeigt;
- Es gibt einen primären Aktionsbutton mit der Aufschrift "Help Colin!", der groß und farbenfroh ist und später das Spiel startet;
- Die Gesamtstimmung wird durch schwebende Schul-Emojis für spielerische Bewegung ergänzt, mit abgerundeten, kinderfreundlichen Grafiken, die sowohl auf Smartphones als auch auf Laptops responsiv gestaltet sind.
Danke für Ihr Feedback!
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
Can you explain how to customize the home screen design?
What should I do if I want to use my own images instead of the provided ones?
How do I add more floating emojis or change their style?
Awesome!
Completion rate improved to 6.67Gestaltung des Startbildschirms
Swipe um das Menü anzuzeigen
Du startest ein neues Spiel namens "Help Colin". Colin hat verschlafen, der Bus kommt gleich, und die Aufgabe der Nutzer besteht darin, ihm beim Fertigmachen zu helfen, indem sie gute Schulsachen fangen und die schlechten vermeiden. Zuerst erstellst du einen hellen und freundlichen Startbildschirm, der diese Geschichte erzählt.
Lade die vorbereiteten Bilder herunter (room.png, colin.png). Möchtest du lieber eigene Grafiken verwenden? Kein Problem, verwende die gleichen Dateinamen oder passe den Prompt entsprechend an.
- Einen neuen Ordner für das Projekt erstellen (z. B.
help-colin-game) und in Cursor öffnen (Datei → Ordner öffnen); room.pngundcolin.pngim Projektverzeichnis ablegen;- Einen neuen Chat in Cursor öffnen;
- Den untenstehenden Prompt einfügen und ausführen;
- Auf Go Live klicken, um die Vorschau zu sehen.
- Der Hintergrund zeigt
room.pngmit einer sanften Überlagerung, damit der Text gut lesbar ist; - Auf der linken Seite befindet sich ein großes Bild von Colin (
colin.png); - Rechts werden der Spieltitel und eine kurze, freundliche Geschichte über Colins Verspätung angezeigt;
- Es gibt einen primären Aktionsbutton mit der Aufschrift "Help Colin!", der groß und farbenfroh ist und später das Spiel startet;
- Die Gesamtstimmung wird durch schwebende Schul-Emojis für spielerische Bewegung ergänzt, mit abgerundeten, kinderfreundlichen Grafiken, die sowohl auf Smartphones als auch auf Laptops responsiv gestaltet sind.
Danke für Ihr Feedback!
