Atölye › Hafıza Kartları › 8/25. adım

Kartın köşesi

Ne yapıyoruz

Kartın sütunundan ve satırından piksel konumuna geçmek için iki küçük fonksiyon yazıyoruz: cardX kartın sol kenarını, cardY üst kenarını verir. Formüller ızgara döngüsündekilerin aynısı.

Bu fonksiyonlar bir cevap geri verir: cardX(card) yazdığın yerde bir sayı gibi kullanılır.

```js
function cardX(card) {
  return GAP + card.col * (CARD + GAP)
}

function cardY(card) {
  return TOP + GAP + card.row * (CARD + GAP)
}
```

Ne işe yarıyor

• function cardX(card) → parantezdeki card bir parametre: fonksiyona verilen kart nesnesi.
• card.col → kartın sütunu (nokta ile nesnenin alanı okunur).
• return ... → hesaplanan sayıyı geri ver ve fonksiyondan çık. cardX(cards[6]) → 206.
• cardY aynı kalıp, satır ve üst şeritle.

Sıra sende

newGame fonksiyonunun altına bir boş satır bırak ve cardX ile cardY fonksiyonlarını yaz; aralarında boş satır kalsın. Çalıştır.

Beceriler: Fonksiyonlar

← Kendini bilen kartlar Kartları listeden çiz →

Tüm adımlar

1. Canvas'ı ve kalemi al
2. Masa
3. Bir kart
4. Bir sıra kart
5. Dört sıra
6. Her meyveden iki tane
7. Kendini bilen kartlar
8. Kartın köşesi
9. Kartları listeden çiz
10. Durmadan çiz
11. Kartın ön yüzü
12. Adil bir karıştırma
13. Bir noktada hangi kart var?
14. Tıkla, kartı çevir
15. Kurallar için tek yer
16. Aynı anda iki kart
17. Eş mi değil mi
18. Hamleleri say
19. Hamleleri ve eşleri göster
20. Bütün eşler bulundu
21. Tekrar oyna
22. Peşinden giden bir sayı
23. Yarı yolda yüz değiştir
24. Dönüşü canlandır
25. Kendin yap: en iyi oyunun