Summer Snow

先日書いた

HTML5対応コースを始めました

に見本ページを作ると書きましたが、見本ページをやっと作りました。

Flashでなくてもこれぐらいできる！
ということを示すために、何がいいだろう？
と思案したところ、やっぱり動くもので、なおかつユーザーが動かせるものがいいよね、ということに。
というわけで、簡単なゲームを作りました。

銀河の死神　Galaxy of Death
http://onlineconsultant.tv/html5/game1.html

名前が大げさな割に…デモなので、あまり期待しないでください。(;^ω^)
名前は趣味ですね。

マウスの左右でロケットが動き、クリックでミサイル発射です。
ミサイルは連射できません。

iPhoneでも動きます。

で、HTML5対応ブラウザのうち、Firefoxでは最初の表示時に背景の描画で終わってしまう、という不具合があります。

調査したところ、次のような原因のようです。

HTML5のCanvasという機能を使ってパラパラマンガのように動かしてます。
ロケットと死神は、drawImageという画像を描画する機能で描画してます。
このdrawImageが重いようで、これが最初のフレームで終了しないと、その時点で止まってしまうようです。(>_<) 今のところは、Firefoxを使っている方は、一度ポチっと更新してください。┌o　ﾍﾟｺｯ お手数をおかけしすみません。 ちょっと…時間作れたら、修正します。

HTML５対応コースを始めました！

http://onlineconsultant.jp/web/html5.htm

ずっと、

いつ来るのかな～いつ来るのかな～

♪そこ（HTML5）へ行けば　どんな夢も　かなうというよ
　　はるかな世界　♪

とガンダーラのようになっていたHTML5ですが、今年になって、スマートフォンの急速な普及によって、一気に弾みがついたのではないかと考えています。

HTML5は何がいいのか、というと、

・描画がすごい！
　Illustratorなどがなくても、きれいなグラフなどが描画できます。

・マルチメディアがすごい！
　Flashがなくても、ビデオが埋め込めます。iPhoneでFlash動画が見れない、などが解決できます。

・オフラインで動作…今までWebと言えば、ネットにつながらなくては見れないのが当たり前でした。しかし、HTML5では、ネットにつながらなくてもネットが使えるのです。

・クロスドキュメントメッセージング…今では複数のタブを開いて操作するのが当たり前のネット。複数タブのデータをやり取りします。

・Websocket…サーバーとのコネクションを持続させることができます。リアルタイムにメッセージをやり取りしたり、サーバーからイベントを起こすことができるのです。

・位置情報を取得…携帯でなくても、パソコンの位置情報が取得できます。（無線ルーターなどの使用時

・より重い処理をJavascriptで処理…Web Workersというマルチスレッド処理により、より重い処理をブラウザ上でJavascriptで動作させることができます。（スマートフォンは未対応）

HTML5へのニーズは世界中で高まりを見せており、下記のように、今年になって急速に検索ボリュームが増えています。

韓国で、熱いようです。

今後、見本ページを増やしていく予定です！