Atölye › Conway'in Hayat Oyunu › 1/32. adım
Dört basit kural ve canlanan bir dünya. Hücrelerden bir ızgara, komşuları saymak, her hücrenin neden aynı anda değişmesi gerektiği (çift tamponlama), başa saran bir dünya, işaretçiyle boyamak ve ünlü planör topu.
Hayat Oyunu, matematikçi John Conway'in 1970'te bulduğu "sıfır oyunculu" bir oyundur. Kareli bir defter düşün: her kare (hücre) ya canlı ya ölü. Başta bir desen kurarsın, sonrasına dört basit kural karar verir ve ekranda yürüyen, yanıp sönen, hatta başka şekiller üreten "canlılar" ortaya çıkar.
Önce bir oyun tahtası lazım. Sayfada game adında 480×480 piksellik bir canvas (tuval) zaten var; sağdaki
alan o. Onu bulacağız, çizim kalemini alacağız ve tamamını koyu renge boyayacağız.
```js
const canvas = document.getElementById('game')
const ctx = canvas.getContext('2d')
ctx.fillStyle = '#0f172a'
ctx.fillRect(0, 0, canvas.width, canvas.height)
```document → sayfanın kendisi. .getElementById('game') → "kimliği (id) game olan öğeyi bul".const canvas = → bulunan şeye canvas adını verir. const "bu ad hep aynı şeyi gösterecek" demektir.canvas.getContext('2d') → canvas'tan 2 boyutlu çizim kalemini ister. Adı ctx (context'in kısaltması);
bütün çizim satırları ctx. ile başlayacak.ctx.fillStyle = '#0f172a' → kalemin dolgu rengini seçer. #0f172a çok koyu bir lacivert.ctx.fillRect(0, 0, canvas.width, canvas.height) → içi dolu bir dikdörtgen çizer. Dört sayı sırayla:
sol üst köşenin x'i ve y'si, sonra genişlik ve yükseklik. Canvas'ta (0, 0) sol üst köşedir; x sağa,
y aşağı doğru büyür. canvas.width ve canvas.height tuvalin tam boyu (480 ve 480), yani her yer boyanır.Kodu, editördeki üç yorum satırının (// ile başlayanlar; bilgisayar bunları okumaz, insan için nottur) altına
yaz. Kopyalama; kendin yaz, harf harf. Sonra Çalıştır'a bas: sağdaki alanın tamamı koyu laciverte dönmeli.
Beceriler: Canvas üzerine çizim