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 lancerer et nyt spil kaldet "Hjælp Colin". Colin har sovet over sig, bussen er næsten her, og brugerens opgave er at hjælpe ham med at blive klar ved at fange gode skoleting og undgå de dårlige. Først skal du oprette en lys og venlig startskærm, der fortæller denne historie.

Download de forberedte billeder (`room.png`, `colin.png`). Foretrækker du at bruge dine egne ressourcer? Det er helt fint, behold de samme filnavne eller opdater prompten tilsvarende.

1. Opret en ny mappe til projektet (f.eks. `help-colin-game`) og åbn den i Cursor (File → Open Folder);
2. Placer `room.png` og `colin.png` i projektets rodmappe;
3. Åbn en ny chat i Cursor;
4. Indsæt prompten nedenfor og kør den;
5. Klik på Go Live for at få vist forhåndsvisningen.

Byg startskærmen

- Baggrunden viser `room.png` med et blødt overlay, så teksten er letlæselig;
- Til venstre er der et stort billede af Colin (`colin.png`);
- Højre side viser spillets titel sammen med en kort, venlig historie om, at Colin er sent på den;
- Der er en primær handlingsknap med teksten "Hjælp Colin!", som er stor og farverig, og som senere starter spillet;
- Den overordnede stemning inkluderer svævende skole-emojis for legende bevægelse, med afrundede, børnevenlige visuelle elementer designet til at være responsive på både telefoner og bærbare computere.

Hvad resultatet skal indeholde

Ifølge prompten, hvad skal bruges som baggrund for startskærmen i spillet 'Help Colin'?

Opret enkle browserbaserede spil ved hjælp af promptteknikker i Cursor. Opdag, hvordan hverdagsidéer kan omsættes til interaktive projekter uden behov for kodningskendskab. Øv dig i at styre AI med præcise instruktioner og forfin dine spil, så de kan præsenteres med stolthed.

Byg dit allerførste spil ved at guide Cursor AI med enkle prompts. Udforsk hvordan man vender kort, tjekker for match, og følger fremskridt i browseren. Lær at forfine AI-outputtet trin for trin og skab et overskueligt huskespil, som alle kan spille.

Opret et underholdende og dynamisk fangstspil med Cursor AI. Kontroller en rygsæk nederst på skærmen og fang skoleartikler, der falder ovenfra. Øv tilføjelse af pointgivning, spillerkontroller og legende visuelle elementer, mens du lærer at forfine AI-kodegenerering.

Udvikling af et lille eventyr, hvor en kanin forsøger at nå en gulerod, mens den undgår ræve og ulve. Vejledning i at bruge Cursor AI til at generere bevægelse, forhindringer samt vinder- og taberbetingelser. Læring i at justere prompts for at håndtere mere kompleks logik og forfine spillet til en fuldendt oplevelse.

Design af Startskærm

Awesome!

Design af Startskærm