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

İzle, sonra sıra sende

Ne yapıyoruz

Oyuncu ne zaman izleyeceğini, ne zaman basacağını bilmeli. Sağ üste bir mesaj yazacağız: bilgisayar gösterirken Watch... (izle), sıra oyuncuya gelince Your turn (sıra sende).

```js
ctx.textAlign = 'right'
ctx.fillText(state === 'showing' ? 'Watch...' : 'Your turn', canvas.width - 10, 27)
```

Ne işe yarıyor

• ctx.textAlign = 'right' → verilen x yazının sağ kenarı olsun. Böylece yazı ne kadar uzun olursa olsun sağ kenardan 10 piksel içeride biter.
• state === 'showing' ? 'Watch...' : 'Your turn' → kısa soru: gösteri sürüyorsa 'Watch...', değilse 'Your turn'.
• canvas.width - 10, 27 → sağ kenardan 10 piksel içeride, Round yazısıyla aynı yükseklikte.
• Renk ve yazı tipi üstteki satırlardan gelir; yeniden yazmaya gerek yok.

Sıra sende

draw içinde ctx.fillText('Round ' ...) satırının altına iki yeni satırı yaz. Çalıştır: önce Watch..., tuş sönünce Your turn yazmalı.

Beceriler: Canvas üzerine çizim, Oyun durumları

← Bütün diziyi göster Her basışı kontrol et →

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