Atölye › Yılan › 1/28. adım
Büyüyen yılanı duvarlara ve kendine çarpmadan yeme götür. Izgara, diziler, oyun döngüsü ve klavye girdisi.
Oyunlar sayfadaki bir canvas (tuval) üzerine çizilir: piksellerden oluşan boş bir dikdörtgen. Sayfada game
adında 400×400 piksellik bir canvas zaten var; sağdaki koyu alan o.
Bu adımda ekranda bir şey değişmeyecek. Yalnız JavaScript'e "o canvas'ı bul ve bir ada koy" diyeceğiz. Bir resme başlamadan önce tuvali masaya koymak gibi.
```js
const canvas = document.getElementById('game')
```document → sayfanın kendisi. Sayfadaki her şeye buradan ulaşırız..getElementById('game') → "kimliği (id) game olan öğeyi bul". Tırnak içindeki ad sayfadaki ad ile aynı olmalı.const canvas = → bulunan şeye canvas adını verir. Bundan sonra "canvas" dediğimizde o tuvali kastediyoruz.
const "bu ad hep aynı şeyi gösterecek" demektir.Kodu, editördeki üç yorum satırının (// ile başlayanlar) altına yaz. Kopyalama; kendin yaz, harf harf.
Sonra Çalıştır'a bas. Ekran değişmez, ama alttaki kontrol yeşil olmalı.
Beceriler: Canvas üzerine çizim