JavaScript

JavaScriptでスマホ判定して、canvasタグのリサイズをする方法

all_coding

前回の記事で、HTML5とJavaScriptを使用した「ブロック崩し」ゲームについて書きましたが、その記事内では書かなかったcanvasタグのリサイズについて書いていきます。

最近はスマホファーストと言われるくらい、スマホ対応を優先して開発することが増えてきていると思います。それこそ「ブロック崩し」自体もスマホ入力に対応していたのですが、PC用のサイズの場合スマホだと表示するのが厳しいですし、かといってスマホに合わせたサイズだとPCで見ると小さくて使い勝手が悪かったわけです。

それなら当然、PCならこっちスマホならこっちのようにデバイスに応じてリサイズしてあげればいいわけです。

続きを読む

HTML5とJavaScriptで作成した「ブロック崩し」を公開しました。

block_300

※上記は画像ですのでご注意ください。

今回、当サイトのメインページの方でHTML5とJavaScriptを使った定番のゲーム「ブロック崩し」を公開しました。といっても、こちらはまるっと新規開発したわけではなく日経ソフトウェアで連載していた内容をほぼそのままとなっています・・。

ブロック崩しはこちらから

続きを読む