Canvasゲームのためのヒント
まず、画面サイズを固定することで
ゲームの座標計算が楽になる
これは、Viewportの設定を
width=device-width
にして固定すればok
さらに、ユーザーがブラウザーを
ズームしたりできないように
user-scalable=no
として、ズームイン、ズームアウトができないようにしておく
これをmetaタグへ記述する
内容は
name=”viewport”
content=”width=device-width,user-scalable=no”
さらに、画面の座標を計算しやすくするため
HTMLのマージンや余白をリセット
これには、styleタグで設定
内容は
*{ padding:0; margin:0; }
これにより、
すべてのDOM要素の
余白、マージンが0になり
正確な位置に要素を配置できる