やり方
テーブルの表示と埋め込み
遊べるテーブルをページに置き、配り直さずに設定を変え、React、タグ、フレームで埋め込みます。
本来の操作を表示する
mountHitotsuは席0の人と他の席のコンピューターが遊ぶDOMテーブルを置きます。スタイルとキー操作も含まれます。音は切ったままにできます。
import { HITOTSU_PARTY, mountHitotsu } from "@johnmorrisdotca/hitotsu";
const host = document.createElement("div");
document.body.append(host);
const table = mountHitotsu(host, { rules: HITOTSU_PARTY, seed: 42, computers: 3, sound: false });
table.set({ language: "ja" });
console.log(table.game().seed);
// Call table.destroy() when removing the table.配り直さずに変更する
ハンドルのsetは言語、文言、テーマ、音、通知を変え、プレイを保ちます。設定を変えて配り直すにはrestartを使います。テーブルを外すときはdestroyでイベントと待機中のコンピューター処理を片付けます。
React、タグ、フレーム
HitotsuTableはReactで本来のテーブルを包みます。設定はマウント時に読まれるので、別の設定には新しいkeyを使います。/element/defineでhitotsu-tableを登録し、別のタグ名にはdefineTableを使います。以前の/element-defineも別名として残ります。
ビルダーではモジュール、フレームワーク、要素、iframeのコードをコピーできます。属性、イベント、得点と表示サイズ、フレームの送信元の確認は埋め込みガイドにあります。ローカルのゲームイベントには手札が入り、名前は席の表記になります。相手の手札を隠すネットワーク対戦の通信形式ではありません。
この日本語は、まだ日本語を母語とする方の確認を受けていません。訂正を歓迎します。