Atölye › Sokoban › 2/29. adım
Oyunlar sayfadaki bir canvas (tuval) üzerine çizilir: piksellerden oluşan boş bir dikdörtgen. Sayfada game
adında 480×520 piksellik bir canvas zaten var; sağdaki alan o.
Resim yapmadan önce iki şey lazım: tuvali masaya koymak ve kalemi eline almak. Ekran yine 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.canvas.getContext('2d') → tuvalden 2 boyutlu çizim kalemini ister.const ctx = → kaleme ctx adını verir (context, "bağlam"). Bütün çizim satırları ctx. ile başlayacak.İki satırı en üstteki üç yorum satırının altına, // The classic ... yorumunun üstüne yaz; arada bir boş
satır kalsın. Çalıştır.
Beceriler: Canvas üzerine çizim
← Yazıyla çizilmiş bir bölüm Depo zemini →