やり方

標準の同一端末のプレイヤーを表示する

独立した表示を保ち、公開する情報だけを通知します。

表示のハンドルを保つ

import { createHasamiMatch } from "@johnmorrisdotca/gunjin/hasami";
import { mountGunjin } from "@johnmorrisdotca/gunjin/play";
const host=document.createElement("div");
document.body.append(host);
const board=mountGunjin(host,createHasamiMatch({width:7,height:7}),{language:"ja",onChange:position=>console.log(position.phase)});
board.set({material:"wood",pieceStyle:"tiles"});
console.log(board.view().phase,board.replay().length);
board.destroy();

ハンドルは、表示してよい情報、公開再生、見た目の更新、後始末を持ちます。変更や終了の通知にも、完全な状態ではなく公開の情報を渡します。同じ端末のプレイヤーは内部に両側の情報を持ち、受け渡しの画面を使います。離れた端末から対戦するホストは、認証と状態の管理を用意します。

ソースを見る GitHub で編集@johnmorrisdotca/gunjin 0.2.1 のソースから作成しました。

この日本語は、まだ日本語を母語とする方の確認を受けていません。訂正を歓迎します。