Atölye › Adam Asmaca › 2/36. adım
Oyunlar sayfadaki bir canvas (tuval) üzerine çizilir: piksellerden oluşan boş bir dikdörtgen. Sayfada game
adında 480×480 piksellik bir canvas zaten var; sağdaki alan o.
Resim yapmadan önce iki şey lazım: tuvali masaya koymak ve kalemi eline almak. Bu adımda ikisini yapacağız. 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" kelimesinin kısaltması). Bundan sonraki bütün çizim
satırları ctx. ile başlayacak: "kalemle şunu yap".İki satırı yorum satırlarının altına, const WORDS = [ satırının üstüne yaz. Listeyle arada bir boş satır
kalsın. Çalıştır'a bas; ekran değişmez ama kontroller yeşil olmalı.
Beceriler: Canvas üzerine çizim
← Gizli kelimelerin listesi Kâğıdı boya →