Utformning av Hemskärm
Du lanserar ett nytt spel som heter "Hjälp Colin". Colin har försovit sig, bussen är nästan här, och användarens uppgift är att hjälpa honom att bli klar genom att fånga bra skolmaterial och undvika de dåliga. Först ska du skapa en ljus och vänlig startsida som berättar denna historia.
Ladda ner de förberedda bilderna (room.png, colin.png). Vill du använda egna resurser? Det går bra, behåll samma filnamn eller uppdatera prompten därefter.
- Skapa en ny mapp för projektet (t.ex. 
help-colin-game) och öppna den i Cursor (Arkiv → Öppna mapp); - Placera 
room.pngochcolin.pngi projektets rot; - Öppna en ny chatt i Cursor;
 - Klistra in prompten nedan och kör den;
 - Klicka på Go Live för att förhandsgranska.
 
- Bakgrunden visar 
room.pngmed ett mjukt överlägg för att säkerställa att texten är läsbar; - På vänster sida finns en stor bild av Colin (
colin.png); - På höger sida visas spelets titel tillsammans med en kort, vänlig berättelse om att Colin är sen;
 - Det finns en primär åtgärdsknapp med texten "Hjälp Colin!" som är stor och färgglad, och som senare kommer att starta spelet;
 - Den övergripande känslan inkluderar svävande skolemojis för lekfull rörelse, med rundade, barnvänliga visuella element utformade för att vara responsiva på både mobil och laptop.
 
Tack för dina kommentarer!
Fråga AI
Fråga AI
Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal
Awesome!
Completion rate improved to 6.67
Utformning av Hemskärm
Svep för att visa menyn
Du lanserar ett nytt spel som heter "Hjälp Colin". Colin har försovit sig, bussen är nästan här, och användarens uppgift är att hjälpa honom att bli klar genom att fånga bra skolmaterial och undvika de dåliga. Först ska du skapa en ljus och vänlig startsida som berättar denna historia.
Ladda ner de förberedda bilderna (room.png, colin.png). Vill du använda egna resurser? Det går bra, behåll samma filnamn eller uppdatera prompten därefter.
- Skapa en ny mapp för projektet (t.ex. 
help-colin-game) och öppna den i Cursor (Arkiv → Öppna mapp); - Placera 
room.pngochcolin.pngi projektets rot; - Öppna en ny chatt i Cursor;
 - Klistra in prompten nedan och kör den;
 - Klicka på Go Live för att förhandsgranska.
 
- Bakgrunden visar 
room.pngmed ett mjukt överlägg för att säkerställa att texten är läsbar; - På vänster sida finns en stor bild av Colin (
colin.png); - På höger sida visas spelets titel tillsammans med en kort, vänlig berättelse om att Colin är sen;
 - Det finns en primär åtgärdsknapp med texten "Hjälp Colin!" som är stor och färgglad, och som senare kommer att starta spelet;
 - Den övergripande känslan inkluderar svävande skolemojis för lekfull rörelse, med rundade, barnvänliga visuella element utformade för att vara responsiva på både mobil och laptop.
 
Tack för dina kommentarer!