HTMLのcanvasでリバーシ（オセロ）ゲームを作る#1 - Qiita

Qiita初投稿です。趣味で簡単なゲーム制作をしています。 なんか記事を書いてみたいなと思ったので、需要があるかわかりませんが、HTMLのcanvasという要素でリバーシ（オセロ）を制作する方法を記事に残したいと思います。至らぬ点も多いかと思いますが、温かい目でご覧ください。あと、飽き性なので細々とやっていきます。 目次 はじめに canvasについて 準備 ボードの表示 まとめ はじめに HTML5のcanvas要素を使うと、ブラウザ上に図形を自由に描画することができます。今回は、このcanvasを使ってリバーシを作る方法を紹介したいと思います。 第一回にあたる今回はcanvasの紹介からボードの表示までを書きたいと思います。 canvasについて canvasは以下のようにHTML内に記述します。