以前の投稿でも書いた「ミニオセロ」いくつかの機能追加をAIとやってみました。
追加機能
- socket.ioのルーム機能を用いて、対戦ルームを1個限定から3個とした。
- ルーム選択ポップアップの追加
- 「あそび方」ポップアップの追加
- bootstrapを用いて、レスポンシブに対応
AIとの開発、もっと使い込んでみたいと思います。




1. 対戦ルームに入室する
まず、対戦ルームに入室してください。入室すると、そのルームの対戦を観戦できます。
ルームは右上のハンバーガーメニュー(☰)→「ルーム一覧」から変更できます。
2. エントリーする
ルームに入ったら、ハンバーガーメニューの「エントリー」から名前を入力してゲームに参加します。
エントリーした順に並び、先頭の2人が対戦します(先頭=白、2番目=黒)。
3. 待機と対戦の流れ
- 3番目以降の人は「待機中」になります。
- 対戦が終わると、勝った人は先頭に残り、負けた人は待機列の最後尾に回ります。
- 待機中の人は順番が繰り上がり、2番目まで来ると次の対戦に参加できます。
4. 対戦中の操作
対戦中は画面下に「パス」「まいった」ボタンが表示されます。
- 「パス」… 手番を相手に渡します
- 「まいった」… 降参します
5. 負けたら
負けると待機列の最後尾に回り、再び順番を待ちます。