Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Aloitusnäytön Luominen | Ensimmäisen Pelin Rakentaminen: Flip Cards
Pelien Rakentaminen Cursor AI:lla

bookAloitusnäytön Luominen

Muistipeli alkaa tervetulleella aloitusnäytöllä. Se on iloinen ja leikkisä, ja siinä on suuret kortit eri aiheille, joista pelaajat voivat valita ennen aloittamista.

Tämä peli on klassinen muistipeli: käännä kaksi korttia, yritä löytää pari ja jatka, kunnes kaikki parit on löydetty. Hauskuuden lisäämiseksi pelaajat voivat valita aiheen ennen aloittamista.

Ensimmäisessä versiossa lisäät kolme: Eläimet, Hedelmät ja Avaruus. Jokainen aihe näkyy suurena, värikkäänä korttina, jossa on emoji ja otsikko. Korttia klikkaamalla pelaaja siirtyy kyseisen teeman peliin.

Rakennetaan kaikki vaihe vaiheelta:

Luo projektikansio
expand arrow

Voit sijoittaa sen minne tahansa (Työpöytä, Dokumentit jne.). Esimerkiksi nimeä se "flip-card-memory-game".

Avaa kansio Cursorissa
expand arrow

Siirry kohtaan TiedostoAvaa kansio ja valitse juuri luomasi kansio.

Avaa keskustelu Cursorissa
expand arrow

Tässä kirjoitat ensimmäisen kehotteesi.

Kirjoita valmisteltu kehotteesi (tai oma versiosi)
expand arrow

Cursor luo koodin aloitusnäyttöä varten.

Kun Cursor on valmis, napsauta Go Live esikatsoaksesi sivun välittömästi selaimessasi.

Note
Huomio

Jos haluat muokata ulkoasua (vaihtaa värejä, kokeilla uutta fonttia tai säätää asettelua), pyydä Cursorilta muutoksia selkeällä englannilla, ja se päivittää koodin puolestasi.

question mark

Ohjeen mukaan, mitä Flip Card Memory Game -pelin aloitusnäytöllä tulisi näyttää?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 1. Luku 2

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

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

bookAloitusnäytön Luominen

Pyyhkäise näyttääksesi valikon

Muistipeli alkaa tervetulleella aloitusnäytöllä. Se on iloinen ja leikkisä, ja siinä on suuret kortit eri aiheille, joista pelaajat voivat valita ennen aloittamista.

Tämä peli on klassinen muistipeli: käännä kaksi korttia, yritä löytää pari ja jatka, kunnes kaikki parit on löydetty. Hauskuuden lisäämiseksi pelaajat voivat valita aiheen ennen aloittamista.

Ensimmäisessä versiossa lisäät kolme: Eläimet, Hedelmät ja Avaruus. Jokainen aihe näkyy suurena, värikkäänä korttina, jossa on emoji ja otsikko. Korttia klikkaamalla pelaaja siirtyy kyseisen teeman peliin.

Rakennetaan kaikki vaihe vaiheelta:

Luo projektikansio
expand arrow

Voit sijoittaa sen minne tahansa (Työpöytä, Dokumentit jne.). Esimerkiksi nimeä se "flip-card-memory-game".

Avaa kansio Cursorissa
expand arrow

Siirry kohtaan TiedostoAvaa kansio ja valitse juuri luomasi kansio.

Avaa keskustelu Cursorissa
expand arrow

Tässä kirjoitat ensimmäisen kehotteesi.

Kirjoita valmisteltu kehotteesi (tai oma versiosi)
expand arrow

Cursor luo koodin aloitusnäyttöä varten.

Kun Cursor on valmis, napsauta Go Live esikatsoaksesi sivun välittömästi selaimessasi.

Note
Huomio

Jos haluat muokata ulkoasua (vaihtaa värejä, kokeilla uutta fonttia tai säätää asettelua), pyydä Cursorilta muutoksia selkeällä englannilla, ja se päivittää koodin puolestasi.

question mark

Ohjeen mukaan, mitä Flip Card Memory Game -pelin aloitusnäytöllä tulisi näyttää?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 1. Luku 2
some-alt