HTML5でデモ用のゲームを作ってみました

先日書いた

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

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

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

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

html5_galaxy_game

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

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

iPhoneでも動きます。

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

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

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

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

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

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

ずっと、

いつ来るのかな~いつ来るのかな~

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

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

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

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

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

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

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

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

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

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

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

韓国で、熱いようです。

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

iPhoneなのか、Androidなのか、それが問題だ!

過去にも

VHS VS ベータ
VHD VS レーザーディスク
Blu-ray VS HD DVD

というプラットフォーム戦争が行われてきて、いろんな結果がありました。

大学では、こういうプラットフォーム争いも研究している人が多く、現在も興味のある分野です。

んで、スマートフォンアプリ開発をするにしても、どちらに注力すればよいのか。
われわれのような開発会社にとっては、重要な問題です。

とはいえ、現在はiPhoneの仕事やってますが。
そっちの方が話しが多いので・・・。

ここ2,3年はiPhone優勢かと思ってました。

しかし、年末商戦の各社のAndroid端末を見て、
「意外と早く、Androidの時代が来るかもしれない・・・。」
と感じました。

この業界は、本当に変化が早い。
一年で、見ている景色がずいぶんと変わります。

ちょっと話はそれますが、今日、Google検索が、検索結果にマウスオーバーでスクリーンショットが出るようになってましたね。
しかし、Flashはこのスクリーンショットに映らないんです。

「うわっ うちの会社のマウスオーバーのスクリーンショットやばい・・・」

と青ざめました。
なんでかというと、結構大きなFlashがTOPページにあるからなんですよね。

で、会社で

「最近、Flashの地位低下は著しいな~」

という話をしてました。
スマートフォンの普及のせいもあります。

本題に戻ると、iPhoneなのか、Androidなのか。
今日、
世界のスマートフォン売上: Androidのシェアが25.5%に急伸, 第二位となる
なんて記事もありましたし。

どうなるでしょう。

社内遠足★ 山梨へ釣りに行きました

弊社も創立5年目!

それを記念して、7日に社内旅行・・・ならぬ日帰り社内遠足をしました!
いきましたのは、山梨の管理釣り場 Fish・On!鹿留です。

当日は、秋らしい気持ちいい天気!

10人で行ったのですが、7人+3人(家族連れ)で車に分乗しました。
で、7人の方が・・・レンタカー屋さんいわく

「7人乗り」

の車のはずが、結構ぎゅうぎゅう。うーん、スリムな男女なので入ったようなもんですw

3時間近くかけて到着!
早速バーベキュー。
バーベキュー!

バーベキュー2

いやー、天気のいい日に自然の中で食べたり、飲んだりするのはどうしてこんなにおいしいんでしょう!
「うん!リア充だね」
とかいいながら、楽しく食べ&のみ。

んで、魚釣り。

つれたみたいです

つれたみたいです

「エサ釣りなんて、簡単すぎて面白くないんじゃ。ハッ」
とか言ってましたが・・・

いかん!

自然をなめてましたね。
ぜんぜんお魚引っかかってくれない。orz

しかし、粘って粘って。なんとかつれました!!
Yeah!

イワナ釣れたばい

イワナ釣れたばい

そんで、なんと釣った魚たちが食べられます。

配給w

まるで寒空のした、配給に群がる人々のような動画ですが、違います。

釣ったお魚はめっちゃおいしかった!身がしまってる★

一家で参加してくれた人も♪ 以前登場してくれたカズマ君です。
一家の肖像

帰りは日帰り温泉 芭蕉月待ちの湯というところに寄りました。
そこも紅葉を楽しみながら源泉につかれて、とてもよかったです。

渋滞がひどく、帰ってきたのは11時過ぎましたが、とっても楽しかったです!
ずっと運転してくれたY氏、集まってくれた皆さん、ありがとう!
みんなのおかげで、OCができてます(^_^)

来年は、海外旅行などに行きたいなぁ★