Atölye › Köstebek Vurmaca › 5/18. adım

Delikte bir köstebek

Ne yapıyoruz

Her delik, köstebeğinin ne zamana kadar dışarıda kalacağını hatırlasın: upUntil (…e kadar yukarıda). Bu bir zaman: now o zamana ulaşmadıysa köstebek dışarıda, ulaştıysa saklanmış. Böylece köstebeğin saklanmasını ayrıca kodlamaya gerek kalmaz: zaman geçince kendiliğinden saklanır.

Köstebeği deliğin içinde daha açık kahverengi bir daire olarak çiziyoruz.

```js
    holes.push({ x: col * CELL + CELL / 2, y: TOP + row * CELL + CELL / 2, upUntil: 0 })

function isUp(hole) {
  return now < hole.upUntil
}

    if (isUp(hole)) {
      ctx.fillStyle = '#92400e'
      ctx.beginPath()
      ctx.arc(hole.x, hole.y, 32, 0, Math.PI * 2)
      ctx.fill()
    }
```

Ne işe yarıyor

• upUntil: 0 → başta köstebek yok: zaman hep 0'ı geçmiş durumda.
• function isUp(hole) → "bu delikte köstebek dışarıda mı?" return now < hole.upUntil → şimdiki zaman upUntil'den küçükse true.
• if (isUp(hole)) { ... } → dışarıdaysa deliğin içine 32 yarıçaplı açık kahverengi bir daire çiz.

Sıra sende

1. holes.push({ ... }) içindeki nesneye , upUntil: 0 ekle.
2. let now ... satırının altına bir boş satır bırakıp isUp fonksiyonunu yaz.
3. draw içindeki delik döngüsünde ctx.fill() satırının altına köstebek bloğunu yaz.
4. Çalıştır. (Henüz köstebek çıkmıyor; sonraki adımda.)

Beceriler: Oyun durumları

← Saat ve döngü Köstebekler çıkıyor →

Tüm adımlar

1. Yeşil bir çayır
2. Dokuz delik
3. Delikleri çiz
4. Saat ve döngü
5. Delikte bir köstebek
6. Köstebekler çıkıyor
7. Hangi deliğe tıklandı?
8. Vur!
9. Skoru göster
10. Başlamak için tıkla
11. Süre işliyor
12. Süre bitti
13. En iyi skor
14. Turun neresindeyiz?
15. Giderek hızlan
16. Her vuruşu hatırla
17. Yükselen +1
18. Kendin yap: kombo