feat: add cursor keys

src/events/cursors.ts

@@ -0,0 +1,22 @@
+import type { Player } from '../types'
+
+// pixels per second
+const SPEED = 320
+
+export function addCursorKeys(player: Player) {
+  onKeyDown('left', () => {
+    player.move(-SPEED, 0)
+  })
+
+  onKeyDown('right', () => {
+    player.move(SPEED, 0)
+  })
+
+  onKeyDown('up', () => {
+    player.move(0, -SPEED)
+  })
+
+  onKeyDown('down', () => {
+    player.move(0, SPEED)
+  })
+}

src/events/index.ts

@@ -0,0 +1 @@
+export * from './cursors'

src/gameobjects/index.ts

@@ -0,0 +1 @@
+export * from './player'

src/gameobjects/player.ts

@@ -0,0 +1,5 @@
+import { bean } from '../sprites'
+
+export function addPlayer() {
+  return add([pos(120, 80), bean])
+}

src/scenes/game.ts

@@ -1,7 +1,8 @@
-import { bean } from '../sprites'
+import { addCursorKeys } from '../events'
+import { addPlayer } from '../gameobjects'
 
 scene('game', () => {
-  add([pos(120, 80), bean])
+  addCursorKeys(addPlayer())
 
   onClick(() => addKaboom(mousePos()))
 })

src/types/gameobject.ts

@@ -0,0 +1,3 @@
+import type { GameObj, PosComp, SpriteComp } from 'kaboom'
+
+export type Player = GameObj<PosComp | SpriteComp>

src/types/index.ts

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