キャラの画像追加・左右反転

Author: nakomochi

public/assets/bunny.png

@@ -1,5 +1,5 @@
 // 単位は blockSize * px
-export const playerWidth = 0.6;
+export const playerWidth = 0.9;
 export const playerHeight = 0.9;
 export const moveVX = 0.1;
 export const jumpVY = 0.12;

public/assets/character-normal.png

@@ -276,12 +276,13 @@ export function tick(cx: Context, ticker: Ticker) {
     });
   }
 
-  // if (get(cx.state).gameover) {
-  //   cx.state.update((prev) => {
-  //     prev.gameover = true;
-  //     return prev;
-  //   });
-  // };
+  if (cx.dynamic.player.facing === consts.Facing.left) {
+    if (!cx.dynamic.player.sprite) throw new Error("Player sprite is null");
+    cx.dynamic.player.sprite.scale.x = -1 * Math.abs(cx.dynamic.player.sprite.scale.x);
+  } else {
+    if (!cx.dynamic.player.sprite) throw new Error("Player sprite is null");
+    cx.dynamic.player.sprite.scale.x = Math.abs(cx.dynamic.player.sprite.scale.x);
+  }
 
   // 当たり判定結果を反映する
   player.x += player.vx * ticker.deltaTime;

src/constants.ts

@@ -1,7 +1,7 @@
 import { Assets } from "pixi.js";
 
 // assets
-export const bunnyTexture = await Assets.load("/assets/bunny.png");
+export const bunnyTexture = await Assets.load("/assets/character-normal.png");
 export const rockTexture = await Assets.load("/assets/block.png");
 export const fallableTexture = await Assets.load("/assets/woodenbox.png");
 export const switchTexture = await Assets.load("/assets/switch.png");