Atölye › Flappy tarzı kuş › 1/30. adım
Borular arasından geçmek için kanat çırp. Hız, yerçekimi, oyun durumları, engel üretme ve kare hızından bağımsız döngü.
Borular arasından uçan bir kuş oyunu yazacağız. Oyundaki her şey sayfadaki bir canvas (tuval) üzerine çizilir. Bu oyunun tuvali uzun: 400 piksel eninde, 600 piksel boyunda. Sağdaki oyun alanı o. (Piksel, ekrandaki en küçük noktadır.)
Resim yapmadan önce iki şey lazım: kâğıt ve kalem. Bu adımda ikisini de elimize alıyoruz. Ekranda henüz bir şey 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;
parantez ( ) komuta bilgi verir. Tırnak içindeki 'game' bir yazıdır (metin).const canvas = → bulunan şeye canvas adını verir. Kutuya etiket yapıştırmak gibi: bundan sonra hep bu adla
çağırırız. const "bu ad hep aynı şeyi gösterecek" demek; = "sağdakini soldaki ada ver".canvas.getContext('2d') → canvas'tan 2 boyutlu çizim kalemini ister.const ctx = → kaleme ctx adını verir (context, yani bağlam kelimesinin kısaltması). Bütün çizim satırları
ctx. ile başlayacak: "kalemle şunu yap".Kodu, editördeki üç yorum satırının (// ile başlayanlar; bilgisayar onları okumaz, insanlar için not) altına
yaz. Kopyalama; kendin yaz, harf harf. Sonra Çalıştır'a bas (ya da Ctrl + Enter). Ekran değişmez, ama alttaki
kontroller yeşil olmalı.
Beceriler: Canvas üzerine çizim