Atölye › Yılan › 14/28. adım

Yeme bir yer seç

Ne yapıyoruz

Yılanın yiyecek bir şeye ihtiyacı var. Yemi tahtada rastgele bir hücreye koyacağız.

Önce tahtada kaç sütun ve satır olduğunu hesaplıyoruz (400 ÷ 20 = 20). Sonra placeFood (yemi yerleştir) fonksiyonu 0 ile 19 arasında rastgele bir sütun ve satır seçecek. Bu adımda yem henüz görünmeyecek; yerini seçiyoruz, çizimi bir sonraki adımda.

```js
const COLS = canvas.width / CELL
const ROWS = canvas.height / CELL
let food

function placeFood() {
  food = { x: Math.floor(Math.random() * COLS), y: Math.floor(Math.random() * ROWS) }
}

placeFood()
```

Ne işe yarıyor

Sıra sende

  1. const CELL = 20 satırının altına COLS ve ROWS satırlarını yaz.
  2. let dir = ... satırının altına let food yaz.
  3. let last = 0 satırının altına, bir boş satırdan sonra, placeFood fonksiyonunu ve altına placeFood() çağrısını yaz.
  4. Çalıştır: ekran değişmez, kontroller yeşil olmalı.

Beceriler: Fonksiyonlar

Tüm adımlar

  1. Canvas'ı bul
  2. Kalemi al
  3. Tahtayı boya
  4. Hücrelerle düşün
  5. Yeri bir değişkende tut
  6. Çizen bir fonksiyon
  7. Hareket ettiren bir fonksiyon
  8. Oyun döngüsü
  9. Yavaşlat
  10. Gidilecek yön
  11. Ok tuşlarıyla yönlendir
  12. Listeden bir gövde
  13. Bütün gövdeyi yürüt
  14. Yeme bir yer seç
  15. Yemi çiz
  16. Ye ve büyü
  17. Yemi yılanın üstüne koyma
  18. Yön tablosu
  19. Geri dönüş yok
  20. Duvara çarpma
  21. Kendine çarpma
  22. Oyun bitti yazısı
  23. Skoru göster
  24. Oyunu başlatan tek fonksiyon
  25. Boşlukla yeniden oyna
  26. En iyi skoru hatırla
  27. Büyüdükçe hızlan
  28. Kendin yap: duvarlardan geç