Canvasでゲームを作る

HTMLのバージョン５からcanvasという要素が追加されました。 このcanvasはブラウザ上にグラフィックの描画エリアを作ることができます。 この描画エリアにはJavaScriptを使って様々なグラフィックを表示することができます。 なのでもちろんゲームも作ることができるわけです。 そしてこのcanvasを利用して作られたゲームのことをHTML5ゲームと呼んだりします。 JavaScriptを使った開発ではライブラリを使うのが一般的で、もちろんゲームに使えるライブラリも色々あります。 基本的にはライブラリを使ってゲームを作った方が間違いなく楽で良いものができます。 ただ、今回はライブラリを使わない素のJavaScriptだけでゲームを作ってみます。 今回のプログラムはCodePenに上げています。CodePen上で編集できるので好きに使ってください。 See the Pen JavaS