Het Ontwerpen van het Startscherm
Je lanceert een nieuw spel genaamd "Help Colin". Colin heeft zich verslapen, de bus komt er bijna aan, en de taak van de gebruiker is om hem te helpen zich klaar te maken door goede schoolspullen te vangen en de slechte te vermijden. Eerst maak je een heldere en vriendelijke startscherm dat dit verhaal vertelt.
Download de voorbereide afbeeldingen (room.png, colin.png). Liever eigen afbeeldingen gebruiken? Dat kan, houd dezelfde bestandsnamen aan of pas de prompt hierop aan.
- Maak een nieuwe map aan voor het project (bijvoorbeeld
help-colin-game) en open deze in Cursor (Bestand → Map openen); - Plaats
room.pngencolin.pngin de hoofdmap van het project; - Open een nieuw chatvenster in Cursor;
- Plak de onderstaande prompt en voer deze uit;
- Klik op Go Live om een voorbeeld te bekijken.
- De achtergrond bevat
room.pngmet een zachte overlay zodat de tekst goed leesbaar is; - Aan de linkerkant staat een grote afbeelding van Colin (
colin.png); - Aan de rechterkant wordt de spelnaam getoond, samen met een kort, vriendelijk verhaaltje over Colin die te laat is;
- Er is een primaire actieknop met de tekst "Help Colin!" die groot en kleurrijk is en later het spel zal starten;
- De sfeer bevat zwevende schoolemoji's voor speelse beweging, met afgeronde, kindvriendelijke visuals die responsief zijn op zowel telefoons als laptops.
Bedankt voor je feedback!
Vraag AI
Vraag AI
Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.
Awesome!
Completion rate improved to 6.67Het Ontwerpen van het Startscherm
Veeg om het menu te tonen
Je lanceert een nieuw spel genaamd "Help Colin". Colin heeft zich verslapen, de bus komt er bijna aan, en de taak van de gebruiker is om hem te helpen zich klaar te maken door goede schoolspullen te vangen en de slechte te vermijden. Eerst maak je een heldere en vriendelijke startscherm dat dit verhaal vertelt.
Download de voorbereide afbeeldingen (room.png, colin.png). Liever eigen afbeeldingen gebruiken? Dat kan, houd dezelfde bestandsnamen aan of pas de prompt hierop aan.
- Maak een nieuwe map aan voor het project (bijvoorbeeld
help-colin-game) en open deze in Cursor (Bestand → Map openen); - Plaats
room.pngencolin.pngin de hoofdmap van het project; - Open een nieuw chatvenster in Cursor;
- Plak de onderstaande prompt en voer deze uit;
- Klik op Go Live om een voorbeeld te bekijken.
- De achtergrond bevat
room.pngmet een zachte overlay zodat de tekst goed leesbaar is; - Aan de linkerkant staat een grote afbeelding van Colin (
colin.png); - Aan de rechterkant wordt de spelnaam getoond, samen met een kort, vriendelijk verhaaltje over Colin die te laat is;
- Er is een primaire actieknop met de tekst "Help Colin!" die groot en kleurrijk is en later het spel zal starten;
- De sfeer bevat zwevende schoolemoji's voor speelse beweging, met afgeronde, kindvriendelijke visuals die responsief zijn op zowel telefoons als laptops.
Bedankt voor je feedback!
