HTML: オセロと五目並べ
HTML: 囲碁 に関連して、オセロと五目並べの JavaScript のプログラムの話です。 囲碁の碁盤の話と同じように五目並べやオセロの盤も作れます。
Web アプリケーション
JavaScript: GameBoard ノートアプリテーマ図をたくさん入れたり、 手のコメントを付けたりしてノートを作るアプリケーションです。 PC やネットで対戦するソフトではありません。
HTML でオセロボードや五目並べの盤を表現する
五目並べ (連珠) の盤
連珠盤の表示は碁盤と共通です。基本的な話は HTML で碁盤を表現する (2) を見てください。
連珠盤のデータモデルの処理では、 囲碁に比べて石を取る処理が不要になります。
TestJS_renju_table06.html五目並べの盤のテスト。
囲碁のサンプル TestJS_goban_table06.html とほぼ共通です。囲碁のモデルを連珠のモデルに置き換えています。
◎クラスの継承、親子関係 + BoardImage 盤の画像関連の処理 (囲碁、将棋、チェスなどの共通の親クラス) + GoImage 囲碁用の処理、連珠と共通 + Piece 駒(石) (囲碁、将棋、チェスなどの共通の親クラス) + GoPiece 囲碁用の石、連珠と共通 + Matrix 2次元配列を扱うクラス。 + BoardModel 駒の配置のモデル (囲碁、将棋、チェスなどの共通の親クラス) + GoModel 囲碁用のモデル + RenjuModel 五目並べ・連珠用のモデル
オセロ (リバーシ) の盤
TestHTML_table_reversi02.htmlオセロの盤面のサンプル。こちらは HTML と CSS のみの見た目のイメージです。 TestJS_reversi_table06.html
オセロのモデルのテスト。取った相手の駒を裏返す処理を行います。 こちらも囲碁のサンプル TestJS_goban_table06.html と骨格は共通です。 囲碁専用の処理をオセロ専用の処理に置き換えています。
◎クラスの継承、親子関係 + BoardImage 盤の画像関連の処理 (囲碁、将棋、チェスなどの共通の親クラス) + GoImage 囲碁・連珠用の処理 + ReversiImage オセロ用の処理 + Piece 駒(石) (囲碁、将棋、チェスなどの共通の親クラス) + GoPiece 囲碁・連珠用の石 + ReversiPiece オセロ用の石 + Matrix 2次元配列を扱うクラス。 + BoardModel 駒の配置のモデル (囲碁、将棋、チェスなどの共通の親クラス) + GoModel 囲碁用のモデル + RenjuModel 五目並べ・連珠用のモデル + ReversiModel オセロ用のモデル
いろいろ (2022)
4x4 オセロの総当り探索 (2022)
Othello4x4.zipSGFファイルです。ノード数が多いので上の GameBoard で読むと遅い PC だと 10秒ほどかかります。
JavaScript: 4x4 オセロの総当り探索
FEN/SFEN のデータ (2022)
FEN / SFEN データはチェスや将棋で使用されるテキストデータです。 囲碁・連珠・オセロでも盤面のデータで FEN のようなデータが扱えると便利かも?。