JavaScript
オセロ

ゲームAIとwebの学習のためにオセロのAIを実装してみる (1) UI編

(0) 導入編の続き。人間対戦用のオセロのUIをjavascriptで作る。そこら中にあふれている内容なので、もっとうまい人を参考にされたし。

要件

  • 盤面と手番を表示する
  • 石を打てるマスをクリック可能にし、クリックすると手番の色の石を置き、挟んだ石をひっくり返す
  • 勝敗がついたら、勝者の色を表示する
  • resetボタンを表示し、押すと盤面を初期状態に戻す
  • 黒白それぞれのプレーヤーを選択可能にする(現状は人間のみ)
  • 棋譜を表示する
  • jQuery 等を使わない (かといってモダンな書き方ができるわけではない)

できたもの

感想など

  • javascript のお作法がわからないので、どうすれば綺麗にかけるのかわからない
    • 例えばhtmlのタグとか要素のクラス名とかをハードコーディングしてるのは大丈夫なんだろうか
  • 描画周りは差分だけ書き換えればいいが、ひとまず全部書き直している(いずれ直す)
  • 棋譜は記法を調べていずれ直す

参考文献