/**
* GameNetworkSync
* ソケットイベントとゲーム内状態更新の同期を担う
* プレイヤー生成更新削除とマップ更新購読を管理する
*/
import { Container } from "pixi.js";
import type {
BombPlacedAckPayload,
BombPlacedPayload,
CurrentPlayersPayload,
GameStartPayload,
NewPlayerPayload,
PlayerDeadPayload,
RemovePlayerPayload,
UpdateMapCellsPayload,
UpdatePlayersPayload,
} from "@repo/shared";
import { socketManager } from "@client/network/SocketManager";
import { AppearanceResolver } from "./AppearanceResolver";
import { LocalPlayerController, RemotePlayerController } from "@client/scenes/game/entities/player/PlayerController";
import { GameMapController } from "@client/scenes/game/entities/map/GameMapController";
import type { GamePlayers } from "./game.types";
const ENABLE_DEBUG_LOG = import.meta.env.DEV;
type GameNetworkSyncOptions = {
worldContainer: Container;
players: GamePlayers;
myId: string;
gameMap: GameMapController;
appearanceResolver: AppearanceResolver;
onGameStart: (startTime: number) => void;
onGameEnd: () => void;
onBombPlacedFromOthers: (payload: BombPlacedPayload) => void;
onBombPlacedAckFromNetwork: (payload: BombPlacedAckPayload) => void;
onPlayerDeadFromNetwork: (payload: PlayerDeadPayload) => void;
};
type SocketSubscription = {
bind: () => void;
unbind: () => void;
};
type SocketSubscriptionDictionary = {
currentPlayers: SocketSubscription;
newPlayer: SocketSubscription;
gameStart: SocketSubscription;
updatePlayers: SocketSubscription;
removePlayer: SocketSubscription;
updateMapCells: SocketSubscription;
gameEnd: SocketSubscription;
bombPlaced: SocketSubscription;
bombPlacedAck: SocketSubscription;
playerDead: SocketSubscription;
};
/** ゲーム中のネットワークイベント購読と同期処理を管理する */
export class GameNetworkSync {
private worldContainer: Container;
private players: GamePlayers;
private myId: string;
private gameMap: GameMapController;
private appearanceResolver: AppearanceResolver;
private onGameStart: (startTime: number) => void;
private onGameEnd: () => void;
private onBombPlacedFromOthers: (payload: BombPlacedPayload) => void;
private onBombPlacedAckFromNetwork: (payload: BombPlacedAckPayload) => void;
private onPlayerDeadFromNetwork: (payload: PlayerDeadPayload) => void;
private socketSubscriptions: SocketSubscriptionDictionary;
private isBound = false;
/** ソケット購読の bind/unbind を辞書形式で構築する */
private createSocketSubscriptions(): SocketSubscriptionDictionary {
return {
currentPlayers: {
bind: () => socketManager.game.onCurrentPlayers(this.handleCurrentPlayers),
unbind: () => socketManager.game.offCurrentPlayers(this.handleCurrentPlayers),
},
newPlayer: {
bind: () => socketManager.game.onNewPlayer(this.handleNewPlayer),
unbind: () => socketManager.game.offNewPlayer(this.handleNewPlayer),
},
gameStart: {
bind: () => socketManager.game.onGameStart(this.handleGameStart),
unbind: () => socketManager.game.offGameStart(this.handleGameStart),
},
updatePlayers: {
bind: () => socketManager.game.onUpdatePlayers(this.handlePlayerUpdates),
unbind: () => socketManager.game.offUpdatePlayers(this.handlePlayerUpdates),
},
removePlayer: {
bind: () => socketManager.game.onRemovePlayer(this.handleRemovePlayer),
unbind: () => socketManager.game.offRemovePlayer(this.handleRemovePlayer),
},
updateMapCells: {
bind: () => socketManager.game.onUpdateMapCells(this.handleUpdateMapCells),
unbind: () => socketManager.game.offUpdateMapCells(this.handleUpdateMapCells),
},
gameEnd: {
bind: () => socketManager.game.onGameEnd(this.handleGameEnd),
unbind: () => socketManager.game.offGameEnd(this.handleGameEnd),
},
bombPlaced: {
bind: () => socketManager.game.onBombPlaced(this.handleBombPlaced),
unbind: () => socketManager.game.offBombPlaced(this.handleBombPlaced),
},
bombPlacedAck: {
bind: () => socketManager.game.onBombPlacedAck(this.handleBombPlacedAck),
unbind: () => socketManager.game.offBombPlacedAck(this.handleBombPlacedAck),
},
playerDead: {
bind: () => socketManager.game.onPlayerDead(this.handlePlayerDead),
unbind: () => socketManager.game.offPlayerDead(this.handlePlayerDead),
},
};
}
private debugLog = (message: string) => {
if (!ENABLE_DEBUG_LOG) {
return;
}
console.log(message);
};
private handleCurrentPlayers = (serverPlayers: CurrentPlayersPayload) => {
serverPlayers.forEach((p) => {
const playerController = p.id === this.myId
? new LocalPlayerController(p, this.appearanceResolver)
: new RemotePlayerController(p, this.appearanceResolver);
this.worldContainer.addChild(playerController.getDisplayObject());
this.players[p.id] = playerController;
});
};
private handleNewPlayer = (p: NewPlayerPayload) => {
const playerController = new RemotePlayerController(p, this.appearanceResolver);
this.worldContainer.addChild(playerController.getDisplayObject());
this.players[p.id] = playerController;
};
private handleGameStart = (data: GameStartPayload) => {
if (data && data.startTime) {
this.onGameStart(data.startTime);
this.debugLog(`[GameNetworkSync] ゲーム開始時刻同期完了: ${data.startTime}`);
}
};
private handlePlayerUpdates = (changedPlayers: UpdatePlayersPayload) => {
// UPDATE_PLAYERS は差分のみ届くため,対象IDだけ上書き更新する
changedPlayers.forEach((playerData) => {
const target = this.players[playerData.id];
if (target && target instanceof RemotePlayerController) {
target.applyRemoteUpdate({ x: playerData.x, y: playerData.y });
}
});
};
private handleRemovePlayer = (id: RemovePlayerPayload) => {
const target = this.players[id];
if (target) {
this.worldContainer.removeChild(target.getDisplayObject());
target.destroy();
delete this.players[id];
}
};
private handleUpdateMapCells = (updates: UpdateMapCellsPayload) => {
this.gameMap.updateCells(updates);
};
private handleGameEnd = () => {
this.onGameEnd();
};
private handleBombPlaced = (payload: BombPlacedPayload) => {
this.onBombPlacedFromOthers(payload);
};
private handleBombPlacedAck = (payload: BombPlacedAckPayload) => {
this.onBombPlacedAckFromNetwork(payload);
};
private handlePlayerDead = (payload: PlayerDeadPayload) => {
this.onPlayerDeadFromNetwork(payload);
};
constructor({
worldContainer,
players,
myId,
gameMap,
appearanceResolver,
onGameStart,
onGameEnd,
onBombPlacedFromOthers,
onBombPlacedAckFromNetwork,
onPlayerDeadFromNetwork,
}: GameNetworkSyncOptions) {
this.worldContainer = worldContainer;
this.players = players;
this.myId = myId;
this.gameMap = gameMap;
this.appearanceResolver = appearanceResolver;
this.onGameStart = onGameStart;
this.onGameEnd = onGameEnd;
this.onBombPlacedFromOthers = onBombPlacedFromOthers;
this.onBombPlacedAckFromNetwork = onBombPlacedAckFromNetwork;
this.onPlayerDeadFromNetwork = onPlayerDeadFromNetwork;
this.socketSubscriptions = this.createSocketSubscriptions();
}
public bind() {
if (this.isBound) return;
Object.values(this.socketSubscriptions).forEach((subscription) => {
subscription.bind();
});
this.isBound = true;
}
public unbind() {
if (!this.isBound) return;
Object.values(this.socketSubscriptions).forEach((subscription) => {
subscription.unbind();
});
this.isBound = false;
}
}