AIコーディング

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

追加機能

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

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

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

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

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

2. エントリーする

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

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

3. 待機と対戦の流れ

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

4. 対戦中の操作

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

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

5. 負けたら

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

ミニ・オセロ

2016年熊本地震以来、新型コロナの流行など…
色々ありすぎて放置していたサーバーも
なんとか新しいサーバーに引越し開始しました。

そして先日の令和8年熊本地震…

とりあえず…

サーバーの引っ越しついでに、Wordpressのバージョンアップ!

ついでに、以前作成したミニ・オセロを公開します。

本「ミニ・オセロ」は、socket.ioの学習ついでに作成したもので以下の特徴があります。

  • 対戦型ですが、最低二人がエントリーした時点でゲームが開始されます。
  • エントリーは、右上のハンバーガーメニューから「Entry」を選択
    「Handle Name」を入力して「エントリー」ボタンを押下してください。
    エントリー人数が二人以上になるとゲームが開始されます。