feat: Initial project setup

2026-05-22 01:14:08 +09:00
commit 75f65e7918
165 changed files with 2740 additions and 0 deletions
@@ -0,0 +1,73 @@
+import Phaser from "phaser";
+import { FIGHTER_SCALE } from "./config.js";
+import { fighterAnimationKey, fighterSheetKey } from "./fighterAssets.js";
+
+export function createFighter(scene, { faceLeft, name, skin, team, teamIndex, x, y }) {
+  const fighter = scene.physics.add.sprite(x, y, fighterSheetKey(skin, "idle"), 0);
+  fighter.setScale(FIGHTER_SCALE);
+  fighter.setDepth(2);
+  fighter.setCollideWorldBounds(true);
+  fighter.setFlipX(faceLeft);
+  fighter.body.setSize(22, 20);
+  fighter.body.setOffset(39, 60);
+
+  fighter.nameLabel = scene.add
+    .text(x, y - 68, name, {
+      color: "#fff2c2",
+      fontFamily: "Inter, Pretendard, sans-serif",
+      fontSize: "18px",
+      fontStyle: "700",
+      stroke: team.color,
+      strokeThickness: 4,
+    })
+    .setOrigin(0.5)
+    .setDepth(4);
+  fighter.healthBack = scene.add
+    .rectangle(x, y - 44, 72, 8, 0x17180e, 0.92)
+    .setDepth(4);
+  fighter.healthBar = scene.add
+    .rectangle(x - 34, y - 44, 68, 4, 0xd95f3f, 1)
+    .setOrigin(0, 0.5)
+    .setDepth(5);
+
+  fighter.skin = skin;
+  fighter.team = team;
+  fighter.teamIndex = teamIndex;
+  fighter.hp = 100;
+  fighter.nextAttackAt = 0;
+  fighter.isLocked = false;
+  fighter.isDead = false;
+  fighter.play(fighterAnimationKey(skin, "walk"));
+
+  fighter.on(Phaser.Animations.Events.ANIMATION_COMPLETE, (animation) => {
+    if (fighter.isDead) {
+      return;
+    }
+
+    if (animation.key.includes("-attack") || animation.key.endsWith("-hurt-anim")) {
+      fighter.isLocked = false;
+    }
+  });
+
+  attachHudCleanup(fighter);
+
+  return fighter;
+}
+
+export function syncFighterHud(fighter) {
+  fighter.nameLabel.setPosition(fighter.x, fighter.y - 68);
+  fighter.healthBack.setPosition(fighter.x, fighter.y - 44);
+  fighter.healthBar.setPosition(fighter.x - 34, fighter.y - 44);
+  fighter.healthBar.width = Math.max(0, 68 * (fighter.hp / 100));
+}
+
+function attachHudCleanup(fighter) {
+  const originalDestroy = fighter.destroy.bind(fighter);
+
+  fighter.destroy = (...args) => {
+    fighter.nameLabel.destroy();
+    fighter.healthBack.destroy();
+    fighter.healthBar.destroy();
+    originalDestroy(...args);
+  };
+}