fix: decrease area hitbox of keys

Author: remarkablemark

src/gameobjects/keys.ts

@@ -1,7 +1,7 @@
 import type { Key as KaboomKey } from 'kaboom';
 
 import { DirectionKey, Key, Sound, Tag } from '../constants';
-import { getPosition, isDirectionKeyPressed } from '../helpers';
+import { getArea, getPosition, isDirectionKeyPressed } from '../helpers';
 import { incrementScore } from './score';
 import { addStar } from './star';
 
@@ -73,7 +73,7 @@ function addKeyObject(key: DirectionKey) {
     sprite(Key[key]),
     getPosition(key),
     anchor('center'),
-    area(),
+    getArea(),
     opacity(0.5),
     Tag[key],
   ]);

src/helpers/area.ts

@@ -0,0 +1,5 @@
+export function getArea() {
+  return area({
+    scale: 0.5,
+  });
+}

src/helpers/index.ts

@@ -1,3 +1,4 @@
+export * from './area';
 export * from './hitAccuracy';
 export * from './keys';
 export * from './position';

src/scenes/game.ts

@@ -7,7 +7,7 @@ import {
   Tag,
 } from '../constants';
 import { addKeys, addPause, addScore, addTimer } from '../gameobjects';
-import { getPosition } from '../helpers';
+import { getArea, getPosition } from '../helpers';
 import { volumeSlider } from '../helpers/volumeSlider';
 import { levels } from '../levels';
 
@@ -53,19 +53,17 @@ scene(Scene.game, (levelId: string) => {
           area(),
           anchor('bot'),
           offscreen({ destroy: true }),
-          'note',
         ]);
       }
 
       game.add([
         sprite(Direction[direction as DirectionKey]),
         getPosition(direction as DirectionKey, -60),
         move(DOWN, 250),
-        area(),
+        getArea(),
         anchor('center'),
         offscreen({ destroy: true }),
         Tag.direction,
-        'note',
       ]);
     });
   });