Atölye › Renk Hafızası (Simon) › 10/27. adım

Turu göster

Ne yapıyoruz

Üstteki boş şeride yazı yazma zamanı. Sol üste tur numarasını yazacağız: Round 1 (1. tur), Round 2... Tur numarası dizinin uzunluğu: dizide kaç tuş varsa o kadar.

```js
  ctx.fillStyle = 'white'
  ctx.font = 'bold 18px sans-serif'
  ctx.textAlign = 'left'
  ctx.fillText('Round ' + sequence.length, 10, 27)
}
```

Ne işe yarıyor

• ctx.fillStyle = 'white' → yazılar beyaz.
• ctx.font = 'bold 18px sans-serif' → kalın (bold), 18 piksel, sade yazı tipi.
• ctx.textAlign = 'left' → verilen x yazının sol kenarı olsun.
• 'Round ' + sequence.length → yazılarda + toplamak değil ucuna eklemek: 'Round ' + 1 → 'Round 1'.
• ctx.fillText(yazı, 10, 27) → yazıyı soldan 10, yukarıdan 27 piksele yaz: şeridin içi.
• Sondaki } yeni değil: draw fonksiyonunun kapanışı. Yeni satırlar onun üstüne gelir.

Sıra sende

1. draw içinde PADS.forEach(...) bloğunun kapanan }) işaretinin altına bir boş satır bırak.
2. Dört satırı fonksiyonun son } işaretinin üstüne yaz.
3. Çalıştır: sol üstte Round 1 yazmalı.

Beceriler: Canvas üzerine çizim

← Hatırlanacak dizi Bir tuşu bir süre yak →

Tüm adımlar

1. Canvas'ı ve kalemi al
2. Koyu bir tahta
3. İlk tuş
4. Her tuşa iki renk
5. Dört tuşun hepsi
6. Çizen bir fonksiyon
7. Bir tuşu yak
8. Durmadan çiz
9. Hatırlanacak dizi
10. Turu göster
11. Bir tuşu bir süre yak
12. Yeniden sön
13. Bilgisayar bir tuş gösterir
14. Bütün diziyi göster
15. İzle, sonra sıra sende
16. Her basışı kontrol et
17. Klavyeyle oyna
18. Bir noktada hangi tuş var?
19. Fareyle oyna
20. İlerleme ve hata
21. Yeni oyun fonksiyonu
22. Yeniden denemek için tıkla
23. Basınca yan
24. Gittikçe hızlan
25. Rekoru kaydet
26. Rekoru göster
27. Kendin yap: oyalanmak yok