Atölye › 15 Bulmacası › 2/27. adım
Oyunlar sayfadaki bir canvas (tuval) üzerine çizilir: piksellerden oluşan boş bir dikdörtgen. Sayfada game
adında 400×460 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. const "bu ad hep aynı şeyi gösterecek" demek.canvas.getContext('2d') → tuvalden 2 boyutlu çizim kalemini ister; ona ctx adını veririz (context,
"bağlam"). Bütün çizim satırları ctx. ile başlayacak.İki satırı yorum satırlarının altına, let tiles satırının üstüne yaz; arada bir boş satır kalsın.
Çalıştır.
Beceriler: Canvas üzerine çizim
← Tek listede bir tahta Masayı boya →