チェスをブラウザだけで覚える
チェスをまったく知らない人が、ブラウザだけで 14 のレッスンを順に進め、最後にコンピュータと対局できる学習ゲームの試作です。会員登録も API キーも要りません。URL を開けば遊べます。
何を試したか
ルールの学習から実際の対局までを、1 つのページの中で通して遊べる構成にした。盤の上で駒を動かしながら動き方を覚え、14 番目のレッスンでコンピュータと対局する。レッスンの案内役はうさぎの「みみ」で、対局の相手にはみみと、ねこの「もち」を選べる。盤の駒も、白がうさぎ、黒がねこの姿をしている。
14 のレッスン
- レッスン 1: 盤と目的
- レッスン 2〜7: ルーク(城)、ビショップ(僧正)、クイーン(女王)、ナイト(騎士)、ポーン(歩兵)、キング(王)の動き方
- レッスン 8〜12: 駒を取る・守る、チェック(王手)、チェックメイト、引き分け、特別なルール
- レッスン 13: 定跡(オープニング)
- レッスン 14: コンピュータと対局
画面の紹介
駒の動きを盤の上で確かめる
ナイトのレッスンでは、b1 か g1 のナイトをタップすると、跳べるマスに点が出る。
チェックメイトの形を見る
チェックメイトのレッスンでは、黒がチェックメイトされた盤を見ながら、なぜ逃げられないのかを確かめる。赤く光っているのが、チェックメイトされた黒のキング。
コンピュータと対局する
最後のレッスンで、対戦する相手(みみ・もち)とコンピュータの強さ(1〜10)を選んで対局する。「この強さで対戦する」「指南モードで対戦する」「デモを見る」の 3 通りから始め方を選べる。
作りのポイント
- 画面左のレッスン一覧から、好きなレッスンに移動できる
- 「いきなり対戦する」を押すと、レッスンを飛ばして対局に進める
- 駒をタップすると行き先に点が出る。チェックとステイルメイトは、そのつど知らせる
- 勝っても負けても、何度でも遊べる
- コンピュータの強さの数字は、ゲーム内の目安として使う。実際のチェスの段位とは対応しない
- 設定で、BGM の ON/OFF と駒の名前の表示を切り替えられる
何が分かったか
分かったのは、分からないことをプログラムにして、自分で学習するハードルの低さだ。
作ったきっかけは、海外の映画や文学作品を楽しむのにチェスを知っていると少し得をしそうだと思ったことだった。それなら覚えてみようと考えて、チェスを学ぶゲームを作った。
目新しいことはしていない。何かを知りたいと思ったとき、知りたい内容をアプリにして自分のものにできる。アプリにしないのは損だと思う。
遊んでみてください
URL を開くだけです (アカウント不要、無料)。
よくある質問
- チェスをまったく知らなくても遊べますか
- 遊べます。みみのチェス教室は、盤と目的から始まる 14 のレッスンを順に進め、最後にコンピュータと対局する構成です。https://kidsplates.github.io/AiGenGame/chess/ を開くだけで始められます。
- 会員登録や API キーは必要ですか
- どちらも不要です。ブラウザだけで遊べます。
- コンピュータの強さは変えられますか
- 1 から 10 の数字で選べます。数字が大きいほど先まで読み、うっかりも減ります。数字はゲーム内の目安で、実際のチェスの段位とは対応しません。
- 指南モードとは何ですか
- 1 手ごとに指南役が、いまの手を講評する対局の遊び方です。コンピュータが 3〜4 手先まで読み、駒を取られそうなときや、もっといい手があるときに教えます。指しなおすこともできます。