Atölye › Puzzle Bobble Tarzı Balon Atıcı › 6/31. adım
Atıcı en altta duruyor. Üstünde atılacak yüklü balon, yanında daha küçük olarak sıradaki balon görünecek. Sıradaki rengi bilmek, oyuncunun iki hamle sonrasını planlamasını sağlar.
Renkleri pickColor (renk seç) fonksiyonu seçecek; şimdilik rastgele.
```js
const SHOOTER = { x: 200, y: 490 }
let loaded // color of the bubble in the shooter
let next // color of the one after
function pickColor() {
return Math.floor(Math.random() * COLORS.length)
}
loaded = pickColor()
next = pickColor()
drawBubble(SHOOTER.x, SHOOTER.y, loaded)
drawBubble(SHOOTER.x + 60, SHOOTER.y + 10, next, 12)
```const SHOOTER = { x: 200, y: 490 } → atıcının yeri: altta, ortada.let loaded, let next → yüklü ve sıradaki balonun renk numaraları.pickColor() → 0–4 arasında rastgele bir renk verir. (Oyunun sonunda onu daha akıllı yapacağız.)reset'in sonunda iki renk seçilir.drawBubble(SHOOTER.x, SHOOTER.y, loaded) → yüklü balon atıcıda.drawBubble(SHOOTER.x + 60, SHOOTER.y + 10, next, 12) → sıradaki, 60 piksel sağda ve biraz aşağıda, yarıçapı 12:
varsayılan değeri burada değiştiriyoruz.COLORS satırının altına SHOOTER yaz.let grid ... satırının altına yorumlarıyla let loaded ve let next yaz.function reset() { satırının üstüne pickColor fonksiyonunu yaz; aralarında bir boş satır kalsın.reset'in sonunda (son }'den önce) iki pickColor() satırını yaz.draw içinde ızgara döngülerinden sonra bir boş satır bırak ve iki balonu çiz. Çalıştır.Beceriler: Oyun durumları
← İç içe oturan balonlar Yukarı nişan al →