AIコーディング

以前の投稿でも書いた「ミニオセロ」いくつかの機能追加をAIとやってみました。

追加機能

  • socket.ioのルーム機能を用いて、対戦ルームを1個限定から3個とした。
  • ルーム選択ポップアップの追加
  • 「あそび方」ポップアップの追加
  • bootstrapを用いて、レスポンシブに対応

AIとの開発、もっと使い込んでみたいと思います。

1. 対戦ルームに入室する

まず、対戦ルームに入室してください。入室すると、そのルームの対戦を観戦できます。

ルームは右上のハンバーガーメニュー(☰)→「ルーム一覧」から変更できます。

2. エントリーする

ルームに入ったら、ハンバーガーメニューの「エントリー」から名前を入力してゲームに参加します。

エントリーした順に並び、先頭の2人が対戦します(先頭=白、2番目=黒)。

3. 待機と対戦の流れ

  • 3番目以降の人は「待機中」になります。
  • 対戦が終わると、勝った人は先頭に残り、負けた人は待機列の最後尾に回ります。
  • 待機中の人は順番が繰り上がり、2番目まで来ると次の対戦に参加できます。

4. 対戦中の操作

対戦中は画面下に「パス」「まいった」ボタンが表示されます。

  • 「パス」… 手番を相手に渡します
  • 「まいった」… 降参します

5. 負けたら

負けると待機列の最後尾に回り、再び順番を待ちます。