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