JavaScriptでゲームを作ろう!

Canvas というものを使っての、ゲームの作り方を説明します。対象は、ある程度JavaScriptが出来る人です。

JavaScriptでゲームを作れるCanvasってなに?

こんにちは、いちいちです。

JavaScriptで、ゲームを作るのに必要なCanvasとはなにかを説明します。

Canvasとは

HTML5 で追加された要素の一つです(ここらへんは気にしなくていいです)。

<canvas></canvas>とかくと、Canvasが作られます。

Canvasで出来ること

Canvasを使うと、図形や文字、画像を表示することができます

キャラクターなどが動くゲームを作るのには、ほとんどの場合canvasを使います。

Canvasのメリット

flash と違い、プラグインをインストールしなくても動かすことができます。

また、図形などを細かく描くことができます。

Canvasのデメリット

ブラウザ(これを見るために使っているソフト Chromeなど)が古かったり、Internet Explorer というブラウザを使っていたりすると、表示できないことがあります。

また、細かく表示するので、サイズが大きいと動くのが遅くなることがあります。

まとめ

  • 図形や文字、画像を描画できる
  • ブラウザさえあれば動かせる
  • 古いブラウザでは動かない
  • 重くなる(動くのが遅くなる)ことがある

ブラウザ上で動くゲームは、Canvasを使って作るのが主流になっています。

ぜひCanvasを使ってゲームを作ってみてください!

最後まで見ていただき、ありがとうございました。