feat: player accel and decel

Author: aster-void

src/constants.ts

@@ -1,10 +1,17 @@
-// 単位は blockSize * px
+/// 単位は blockSize * px
+// global
+export const gravity = 0.02;
+// Player 関連
 export const playerWidth = 0.6;
 export const playerHeight = 0.9;
-export const moveVX = 0.1;
+export const maxMoveVX = 0.1;
+export const playerAccelOnGround = 0.05;
+export const playerDecelOnGround = 0.05;
+export const playerAccelInAir = 0.01;
+export const playerDecelInAir = 0.01;
 export const jumpVY = 0.12;
 export const jumpFrames = 10;
-export const gravity = 0.02;
+// Fallable block 関連
 export const maxObjectFallSpeed = 2;
 
 export enum Block {

src/main.ts

@@ -20,7 +20,7 @@ export async function setup(
     uiInfo: UIInfo;
   },
 ): Promise<void> {
-  const cleanups: (() => void)[] = [];
+  const destroyer: (() => void)[] = [];
   const unlessStopped = (f: (ticker: Ticker) => void) => (ticker: Ticker) => {
     const stopped = get(cx.state).paused || get(cx.state).goaled || get(cx.state).gameover;
     if (!stopped) {
@@ -45,7 +45,7 @@ export async function setup(
   const app = new Application();
   const stage = new Container();
   app.stage.addChild(stage);
-  cleanups.push(() => {
+  destroyer.push(() => {
     app.destroy(true, { children: true });
   });
 
@@ -189,13 +189,15 @@ export async function setup(
   el.appendChild(app.canvas);
   const onresize = useOnResize(cx, app, grid, gridX, gridY);
   window.addEventListener("resize", onresize);
-  cleanups.push(() => {
+  destroyer.push(() => {
     window.removeEventListener("resize", onresize);
   });
 
   bindings.destroy = () => {
-    for (const cleanup of cleanups) {
-      cleanup();
+    for (const cleanup of destroyer) {
+      try {
+        cleanup();
+      } catch {}
     }
   };
   bindings.resume = () => {

src/player.ts

@@ -128,12 +128,40 @@ export function handleInput(cx: Context, event: KeyboardEvent, eventIsKeyDown: b
 export function tick(cx: Context, ticker: Ticker) {
   const { blockSize, gridX, gridY, marginY } = get(cx.config);
   const player = cx.dynamic.player;
-  player.vx = 0;
+  const accel = player.onGround ? consts.playerAccelOnGround : consts.playerAccelInAir;
+  const decel = player.onGround ? consts.playerDecelOnGround : consts.playerDecelInAir;
+  let playerIntent = 0; // 0 -> no intent, 1 -> wants to go right, -1 -> wants to go left
+  // positive direction
+  if (player.holdingKeys[Inputs.Right]) {
+    playerIntent = 1;
+  }
   if (player.holdingKeys[Inputs.Left]) {
-    player.vx -= consts.moveVX * blockSize;
+    playerIntent = -1;
   }
-  if (player.holdingKeys[Inputs.Right]) {
-    player.vx += consts.moveVX * blockSize;
+  switch (playerIntent) {
+    case 1:
+      player.vx += accel * blockSize;
+      if (player.vx >= consts.maxMoveVX * blockSize) {
+        player.vx = consts.maxMoveVX * blockSize;
+      }
+      break;
+    case -1:
+      player.vx -= decel * blockSize;
+      if (player.vx <= -consts.maxMoveVX * blockSize) {
+        player.vx = -consts.maxMoveVX * blockSize;
+      }
+      break;
+    case 0:
+      if (player.vx > decel * blockSize) {
+        player.vx -= decel * blockSize;
+      } else if (player.vx < -decel * blockSize) {
+        player.vx += decel * blockSize;
+      } else {
+        player.vx = 0;
+      }
+      break;
+    default:
+      throw new Error(`[Player.tick] Invalid playerIntent, got ${playerIntent}`);
   }
   const elapsed = cx.elapsed;
   if (player.holdingKeys[Inputs.Up]) {