HTML5ゲームその2 ～環境準備～
１．JsGameフォルダ内に、HTMLを表示するためのフォルダやファイルを作成します。
(1) JsGameというフォルダを作成します。
(2) JsGameフォルダに、css、img、jsなどのフォルダを作成します。
・それぞれのフォルダには、スタイルシート、画像、JavaScriptファイルを作っていきます。
※ゲームで使う画像は事前に用意したので、doc10_downloadここからダウンロードしてimgフォルダに入れて下さい。
２．JavaScriptを動作させるためのHTMLを作成します。
・上記の図のようにファイル名は「jsgame1.html」とし、HTML5形式にします。
- canvasタグを記載します。canvasタグには、width:1200、height:500を指定します。
- JavaScriptでcanvasを操作するので、ID名（game_canvas）を付けます。
- canvasの範囲が分かるように、スタイルシートで枠を囲みます。
３．HTMLを実行してみます。
・canvasの周りが線で囲まれたものが表示されます。
この線の中のcanvasに、JavaScriptでゲームを制作していくことになります。
