王城じゃんけん決闘

ゲーム紹介

王城じゃんけん決闘は、月夜の城を舞台に「城の番人」と一対一でじゃんけん勝負を繰り広げるミニゲームです。グー・チョキ・パーの3択を選ぶだけのシンプルなルールながら、勝敗ごとに勝利数・あいこ数・敗北数が更新され、連勝を重ねるほど「連勝」表示が伸びていく手応えがあります。1回ごとの決着が早いので、すきま時間に何度も挑戦できるカジュアルゲームです。

遊び方

• 「グー」「チョキ」「パー」の3つのボタンから1つを選んでタップ・クリックしてください。
• 城の番人（CPU）もランダムに手を出し、じゃんけんのルールで勝敗が決まります。
• 勝つと「あなた」の勝利数が増え、連勝数も1つ増えます。負けると「城の番人」の敗北カウント（あなたから見た敗北数）が増え、連勝数は0にリセットされます。あいこの場合は「あいこ」の回数が増え、連勝数は変化せずもう一度勝負になります。
• 画面上部の「連勝」表示で現在の連勝記録を確認しながら、記録更新を目指します。
• 「戦績をリセット」ボタンを押すといつでも勝利数・あいこ数・敗北数・連勝数をすべて0に戻せます。
• 戦績はブラウザのlocalStorageに保存されるため、ページを再読み込みしても記録が引き継がれます。

制作背景

王城じゃんけん決闘は、外部でビルドされた単一のWeb成果物（`web/index.html`）としてリポジトリに取り込まれ（「Import janken arena web build」）、続けて `game.json` のメタデータが追加され（「Add janken arena game metadata」）、最後に公開設定にする（「Publish janken arena」）という3段階のコミットでTommy Gamesへ追加されました。取り込み時点の変更はHTMLファイル1件のみで、追加の設計文書やIssueは残されていません。

実装面では、CSSカスタムプロパティ（`--paper` `--ink` `--navy` など）で配色を管理し、外部ライブラリを使わないバニラJavaScriptでゲームロジック（手の判定・スコア更新・連勝カウント）を完結させている点が特徴です。手を出した際のシェイクアニメーションや `aria-live="polite"` によるメッセージ読み上げ対応など、演出とアクセシビリティ面の作り込みがコード上から確認できます。戦績データは `localStorage` の `royal-janken` キーに保存され、ページを離れても記録が保持される仕組みになっています。