Aloittelija2-3 tuntia🎮 Pelit

Muistipeli

Klassinen muistipeli jossa käännetään pareja.

Teknologiat:Next.jsTypeScriptTailwind CSS

Aloitusprompt

Kopioi tämä prompti Cursoriin tai muuhun AI-työkaluun aloittaaksesi projektin.

Luo muistipeli (Memory Game).

Pelilogiikka:
- Ruudukko kortteja (4x4 = 16 korttia = 8 paria)
- Klikkaa korttia kääntääksesi
- 2 korttia käännettynä: tarkista pari
- Pari löytyi: jätä näkyviin
- Ei paria: käännä takaisin (viive)
- Kaikki parit: peli voitettu

Ominaisuudet:
- Animoitu kortin kääntö
- Siirtolaskuri
- Ajastin
- Konfetti voitossa

Tech: Next.js, TypeScript, Tailwind CSS

Tee visuaalisesti miellyttävä, selkeä UI.

Ominaisuudet

Tässä projektissa rakennetaan seuraavat ominaisuudet:

1Korttien kääntäminen
2Parien tunnistus
3Pistelaskuri
4Ajastin
5Eri vaikeustasot

Vaiheet

1

Pelilaudan luonti

Luo korttiruudukko.

Prompti:

Luo muistipelin pelilauta: 4x4 ruudukko kortteja. Kortit näyttävät aluksi selkäpuolen. Klikkaamalla kortti kääntyy.
2

Pelilogiikka

Lisää parien tunnistus.

Prompti:

Lisää pelilogiikka: käännä 2 korttia, tarkista onko pari. Jos pari, jätä näkyviin. Jos ei, käännä takaisin. Laske siirrot.
3

Peli valmis -näkymä

Lisää voittonäkymä ja uusi peli.

Prompti:

Kun kaikki parit löydetty, näytä onnittelut, siirtojen määrä ja aika. Lisää "Pelaa uudelleen" -nappi joka sekoittaa kortit.

Laajennusideat

Kun perusprojekti on valmis, voit laajentaa sitä näillä ideoilla:

  • Eri vaikeustasot (4x4, 6x6, 8x8)
  • Huipputulokset (localStorage)
  • Moninpeli
  • Teemat (eläimet, emoji, numerot)
  • Ääniefektit

Lisää projekti-ideoita

Selaa kaikkia pelit projekteja tai tutustu muihin kategorioihin.