chore: damage enemy with bullet

src/constants/index.ts

@@ -1 +1,3 @@
+export * from './scenes'
+export * from './sprites'
 export * from './tags'

src/gameobjects/bullet.ts

@@ -1,7 +1,8 @@
 import { Tag } from '../constants'
-import type { Player } from './player'
+import type { Enemy, Player } from '../types'
 
 const BULLET_SPEED = 600
+const BULLET_DAMAGE = 20
 
 export function addBullet(player: Player) {
   const bullet = add([
@@ -15,6 +16,12 @@ export function addBullet(player: Player) {
     Tag.bullet,
   ])
 
+  bullet.onCollide(Tag.enemy, (enemy) => {
+    bullet.destroy()
+    const currentEnemy = enemy as Enemy
+    currentEnemy.hurt(BULLET_DAMAGE)
+  })
+
   return bullet
 }
 

src/gameobjects/enemy.ts

@@ -1,16 +1,32 @@
-import { Tag } from '../constants'
-import { ghosty } from '../sprites'
-import type { Player } from './player'
+import { Sprite, Tag } from '../constants'
+import type { Player } from '../types'
 
 const ENEMY_SPEED = 200
 
 export function addEnemy(x: number, y: number, player: Player) {
-  const enemy = add([ghosty, pos(x, y), anchor('center'), Tag.enemy])
+  const enemy = add([
+    sprite(Sprite.ghosty),
+    pos(x, y),
+    anchor('center'),
+    health(100),
+    opacity(1),
+    area(),
+    Tag.enemy,
+  ])
 
   enemy.onUpdate(() => {
     const dir = player.pos.sub(enemy.pos).unit()
     enemy.move(dir.scale(ENEMY_SPEED))
   })
 
+  enemy.onHurt(() => {
+    enemy.opacity = enemy.hp() / 100
+  })
+
+  enemy.onDeath(() => {
+    enemy.destroy()
+    addKaboom(enemy.pos)
+  })
+
   return enemy
 }

src/gameobjects/index.ts

@@ -1,2 +1,3 @@
+export * from './bullet'
 export * from './enemy'
 export * from './player'

src/gameobjects/player.ts

@@ -1,10 +1,16 @@
-import { Tag } from '../constants'
+import { Sprite, Tag } from '../constants'
 import { addCursorKeys } from '../events'
-import { bean } from '../sprites'
 import { addBullet } from './bullet'
 
 export function addPlayer(x = center().x, y = center().y) {
-  const player = add([bean, pos(x, y), rotate(0), anchor('center'), Tag.player])
+  const player = add([
+    sprite(Sprite.bean),
+    pos(x, y),
+    rotate(0),
+    anchor('center'),
+    area(),
+    Tag.player,
+  ])
 
   addCursorKeys(player)
 
@@ -14,5 +20,3 @@ export function addPlayer(x = center().x, y = center().y) {
 
   return player
 }
-
-export type Player = ReturnType<typeof addPlayer>

src/scenes/game.ts

@@ -1,14 +1,14 @@
+import { Scene } from '../constants'
 import { addEnemy, addPlayer } from '../gameobjects'
-import { Scene } from '../types'
 
 scene(Scene.game, () => {
   const player = addPlayer()
 
   add([text('Press arrow keys', { width: width() / 2 }), pos(12, 12)])
 
-  for (let i = 0; i < 3; i++) {
+  loop(5, () => {
     const x = rand(0, width())
     const y = rand(0, height())
     addEnemy(x, y, player)
-  }
+  })
 })

src/scenes/index.ts

@@ -1,7 +1,7 @@
 import './game'
 import './preload'
 
-import { Scene } from '../types'
+import { Scene } from '../constants'
 
 export function start() {
   go(Scene.preload)

src/scenes/preload.ts

@@ -1,8 +1,7 @@
-import { Scene, Sprite } from '../types'
+import { Scene, Sprite } from '../constants'
 
 scene(Scene.preload, () => {
   loadSprite(Sprite.bean, 'sprites/bean.png')
   loadSprite(Sprite.ghosty, 'sprites/ghosty.png')
-
   go(Scene.game)
 })

src/types/gameobjects.ts

@@ -0,0 +1,5 @@
+import { addBullet, addEnemy, addPlayer } from '../gameobjects'
+
+export type Bullet = ReturnType<typeof addBullet>
+export type Enemy = ReturnType<typeof addEnemy>
+export type Player = ReturnType<typeof addPlayer>

src/types/index.ts

@@ -1,3 +1 @@
-export * from './gameobject'
-export * from './scene'
-export * from './sprite'
+export * from './gameobjects'