Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Leer Het Startscherm Maken | Je Eerste Spel Flipkaarten Bouwen
Spellen Bouwen Met Cursor AI

bookHet Startscherm Maken

Een memoryspel begint met een uitnodigend startscherm. Dit scherm is vrolijk en speels, met grote kaarten voor verschillende onderwerpen waaruit spelers kunnen kiezen voordat ze beginnen.

Dit spel is een klassieke geheugentest: draai twee kaarten om, probeer een paar te vinden, en ga door tot alle paren zijn gevonden. Om het leuker te maken, kunnen spelers vooraf een onderwerp kiezen.

Voor de eerste versie voeg je drie onderwerpen toe: Dieren, Fruit en Ruimte. Elk onderwerp verschijnt als een grote, kleurrijke kaart met een emoji en een label. Door op een kaart te klikken, start het spel met dat thema.

Stel alles stap voor stap in:

Maak je projectmap aan
expand arrow

Je kunt deze map overal plaatsen (Bureaublad, Documenten, enz.). Bijvoorbeeld, noem het "flip-card-memory-game".

Open de map in Cursor
expand arrow

Ga naar BestandMap openen en selecteer de map die je zojuist hebt gemaakt.

Open een chat in Cursor
expand arrow

Hier schrijf je de eerste prompt.

Typ de voorbereide prompt (of een eigen versie)
expand arrow

Cursor genereert de code voor het startscherm.

Zodra Cursor klaar is, klik op Go Live om direct een voorbeeld van de pagina in je browser te bekijken.

Note
Opmerking

Als je het ontwerp wilt aanpassen (kleuren wijzigen, een nieuw lettertype proberen of de lay-out aanpassen), geef Cursor eenvoudigweg instructies in het Engels en het zal de code voor je bijwerken.

question mark

Volgens de gegeven opdracht, wat moet er op het beginscherm van je Flip Card Memory Game worden weergegeven?

Select the correct answer

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 1. Hoofdstuk 2

Vraag AI

expand

Vraag AI

ChatGPT

Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.

Suggested prompts:

Can you explain how the game works after selecting a topic?

What should I do if I want to add more topics later?

How can I customize the appearance of the home screen?

Awesome!

Completion rate improved to 6.67

bookHet Startscherm Maken

Veeg om het menu te tonen

Een memoryspel begint met een uitnodigend startscherm. Dit scherm is vrolijk en speels, met grote kaarten voor verschillende onderwerpen waaruit spelers kunnen kiezen voordat ze beginnen.

Dit spel is een klassieke geheugentest: draai twee kaarten om, probeer een paar te vinden, en ga door tot alle paren zijn gevonden. Om het leuker te maken, kunnen spelers vooraf een onderwerp kiezen.

Voor de eerste versie voeg je drie onderwerpen toe: Dieren, Fruit en Ruimte. Elk onderwerp verschijnt als een grote, kleurrijke kaart met een emoji en een label. Door op een kaart te klikken, start het spel met dat thema.

Stel alles stap voor stap in:

Maak je projectmap aan
expand arrow

Je kunt deze map overal plaatsen (Bureaublad, Documenten, enz.). Bijvoorbeeld, noem het "flip-card-memory-game".

Open de map in Cursor
expand arrow

Ga naar BestandMap openen en selecteer de map die je zojuist hebt gemaakt.

Open een chat in Cursor
expand arrow

Hier schrijf je de eerste prompt.

Typ de voorbereide prompt (of een eigen versie)
expand arrow

Cursor genereert de code voor het startscherm.

Zodra Cursor klaar is, klik op Go Live om direct een voorbeeld van de pagina in je browser te bekijken.

Note
Opmerking

Als je het ontwerp wilt aanpassen (kleuren wijzigen, een nieuw lettertype proberen of de lay-out aanpassen), geef Cursor eenvoudigweg instructies in het Engels en het zal de code voor je bijwerken.

question mark

Volgens de gegeven opdracht, wat moet er op het beginscherm van je Flip Card Memory Game worden weergegeven?

Select the correct answer

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 1. Hoofdstuk 2
some-alt