Atölye › Yılan › 12/28. adım
Yılan tek bir kare değil, arka arkaya dizilmiş karelerden oluşur. Birden çok şeyi sırayla tutmak için dizi (array) kullanırız: bir alışveriş listesi gibi.
Bu adımda yılanın üç parçasını bir diziye yazıp hepsini çizeceğiz. Hareketi bir sonraki adımda bağlayacağız.
```js
let snake = [
{ x: 5, y: 5 },
{ x: 4, y: 5 },
{ x: 3, y: 5 },
]
ctx.fillStyle = 'lime'
for (const part of snake) {
ctx.fillRect(part.x * CELL, part.y * CELL, CELL, CELL)
}
```let snake = [ ... ] → köşeli parantez bir dizi açar. İçinde virgülle ayrılmış üç nesne var: üç hücre.
İlki (sıra numarası 0) baş, sonuncusu kuyruk. Baş 5. sütunda, gövde 4 ve 3'te: yılan sağa bakıyor.for (const part of snake) { → döngü: "snake'teki her parça için, sırayla, bir kez yap". Her turda o anki
parçanın adı part olur.ctx.fillRect(part.x * CELL, ...) → o parçayı çiz. Üç parça = üç tur = üç kare.let head = ... satırının altına snake dizisini yaz.draw içinde ctx.fillStyle = 'lime' satırının altındaki ctx.fillRect(head.x ...) satırını sil; yerine
for döngüsünü (üç satır) yaz.Beceriler: Diziler ve nesneler
← Ok tuşlarıyla yönlendir Bütün gövdeyi yürüt →