Summary  
This chapter covers how to implement code to build a user interface layout by loading and positioning image assets, styling text and buttons, and adding simple floating animations.  

General domain of usage  
Game development

Du lanserer et nytt spill kalt "Hjelp Colin". Colin har forsovet seg, bussen kommer snart, og brukerens oppgave er å hjelpe ham med å bli klar ved å fange gode skolesaker og unngå de dårlige. Først skal du lage en lys og vennlig startskjerm som forteller denne historien.

Last ned de forberedte bildene (`room.png`, `colin.png`). Foretrekker du å bruke egne ressurser? Det går fint, behold de samme filnavnene eller oppdater prompten tilsvarende.

1. Opprett en ny mappe for prosjektet (f.eks. `help-colin-game`) og åpne den i Cursor (Fil → Åpne mappe);
2. Plasser `room.png` og `colin.png` i prosjektets rotmappe;
3. Åpne en ny chat i Cursor;
4. Lim inn prompten nedenfor og kjør den;
5. Klikk på Go Live for å forhåndsvise.

Bygg startskjermen

- Bakgrunnen viser `room.png` med et mykt overlegg slik at teksten blir lesbar;
- På venstre side er det et stort bilde av Colin (`colin.png`);
- Høyre side viser spillets tittel sammen med en kort, vennlig historie om at Colin er sent ute;
- Det finnes en primær handlingsknapp med teksten "Hjelp Colin!" som er stor og fargerik, og som senere vil starte spillet;
- Stemningen inkluderer svevende skole-emojier for leken bevegelse, med avrundede, barnevennlige visuelle elementer designet for å være responsive på både mobil og PC.

Hva resultatet skal inneholde

Ifølge instruksjonen, hva skal brukes som bakgrunn for startskjermen i spillet 'Help Colin'?

Lag enkle nettleserspill ved hjelp av promptteknikker i Cursor. Oppdag hvordan du kan gjøre hverdagsideer om til interaktive prosjekter uten kodekunnskap. Øv på å veilede KI med presise instruksjoner og forbedre spillene dine til noe du kan vise frem med stolthet.

Bygg ditt aller første spill ved å veilede Cursor AI med enkle instruksjoner. Utforsk hvordan du snur kort, sjekker etter like par og følger fremdriften i nettleseren. Lær å forbedre AI-resultatet trinn for trinn og lag et ryddig memory-spill som alle kan spille.

Lag et morsomt og dynamisk fangstspill med Cursor AI. Kontroller en ryggsekk nederst på skjermen og fang skoleartikler som faller ovenfra. Øv på å legge til poengsystem, spillerkontroller og lekne visuelle elementer, samtidig som du lærer å forbedre AI-kodegenerering.

Utvikle et lite eventyr der en kanin prøver å nå en gulrot mens den unngår rever og ulver. Veiled Cursor AI til å generere bevegelser, hindringer og vinn- eller tapbetingelser. Lær hvordan du kan justere promptene for å håndtere mer kompleks logikk og forbedre spillet til en fullverdig opplevelse.

Designe Startskjerm

Awesome!

Designe Startskjerm