Atölye › Wordle Tarzı Kelime Tahmini › 1/26. adım
Beş harfli kelimeyi yeşil, sarı ve gri ipuçlarıyla altı denemede bul. Klavye girişi, metin işleme, tekrarlanan harfler için puanlama kuralları, telefonlar için ekran klavyesi ve kaydedilen istatistikler.
Wordle tarzı bir kelime oyunu yapıyoruz: gizli beş harfli kelimeyi altı denemede bul. Her tahminden sonra renkler ipucu verir: yeşil doğru yerde, sarı kelimede ama başka yerde, gri kelimede yok.
Oyun sayfadaki bir canvas (tuval) üzerine çizilecek: game adında, 360×560 piksellik boş bir dikdörtgen. Resim
yapmadan önce tuvali bulup kalemi eline alman lazım. Bu adımda ekran değişmeyecek.
```js
const canvas = document.getElementById('game')
const ctx = canvas.getContext('2d')
```document → sayfanın kendisi. Sayfadaki her şeye buradan ulaşırız..getElementById('game') → "kimliği (id) game olan öğeyi bul". Nokta (.) "bunun içindeki şu komut" demek.const canvas = → bulunan tuvale canvas adını verir. const "bu ad hep aynı şeyi gösterecek" demek.canvas.getContext('2d') → tuvalden 2 boyutlu çizim kalemini ister; ona ctx (context, "bağlam") adını
veririz. Bütün çizim satırları ctx. ile başlayacak.İki satırı editördeki üç yorum satırının (// ile başlayanlar) altına yaz. Kopyalama; kendin yaz, harf harf.
Çalıştır'a bas. Ekran değişmez, alttaki kontroller yeşil olmalı.
Beceriler: Canvas üzerine çizim