学習のためReact+Typescriptでブラウザで動くチェスのアプリを作成しています。駒を動かす動きは自分の想定通りに動くものができたのですが、キャスリングの動き(キングとルークという二つの駒を同時に動かす)を実装しようとした際に作ったメソッドが自分の想定通りに動きません。
// --snip--
export abstract class Piece {
position: OptionalPosition;
abstract readonly type: PieceKind;
everMoved = false;
constructor(readonly player: Player, file: File, rank: Rank) {
this.position = new Position(file, rank);
}
equal(piece: Piece): boolean {
return (
!!piece.position &&
!!this.position &&
piece.type === this.type &&
piece.position.equal(this.position)
);
}
moveTo(position: Position, gameState: GameState) {
this.position = position;
if (!this.everMoved) {
this.everMoved = true;
}
}
removed() {
this.position = null;
}
abstract canMoveTo(gameState: GameState): Position[];
}
export type GameState = Piece[];
// --snip--
export class King extends Piece {
readonly type = "king";
moveTo(position: Position, gameState: GameState) {
if (!this.everMoved && (position.file === "C" || position.file === "G")) {
const rank = this.position?.rank;
if (!rank) {
return;
}
const rookPosition =
position.file === "C"
? new Position("A", rank)
: new Position("H", rank);
const rook = gameState.find((piece) =>
piece.position?.equal(rookPosition)
);
if (!rook) {
return;
}
rook.position =
position.file === "C"
? new Position("D", rank)
: new Position("F", rank);
}
super.moveTo(position, gameState);
}
// --snip--
}
// --snip--
const useGame = () => {
const [gameState, setGameState] = useState<GameState>(defaultGameState);
// --snip--
const handleClick = useCallback(
(
position: Position,
gameState: GameState,
player: Player,
select: Select
) => {
// --snip--
select.moveTo(position, gameState);
setGameState(gameState);
// --snip--
こちらのコードでキャスリングを実行すると、ルークのみ動きキングは動きません。super.moveTo(position, gameState);
このコードの下にconsole.log(this.position)
を置くと、キングの想定通りの位置が表示されていますが、console.log(gameState)
を置いてその中身を見ると想定通りの位置が表示されません。また
rook.position =
position.file === "C"
? new Position("D", rank)
: new Position("F", rank);
このコードをコメントアウトして実行すると、キングは想定通りの動きをします。以上のことから、配列やオブジェクトの操作に関して自分の認識不足があるのだと思いますが、何が問題なのか自力で解決出来ませんでした。問題点や解決策を教えていただけたらと思います。よろしくお願いします。
追記です。キャスリングはclass King
のmoveTo
のメソッドで実装しています。