ニュース
» 2010年04月26日 15時22分 公開

HTML5のスゴさが一目で分かる「HTML5で遊んでみたクエスト」が面白い日々是遊戯

Webサイトを記述するための言語「HTML(HyperText Markup Language」の次期バージョン「HTML5」はスゴいかもしれない、という話。

[池谷勇人,ITmedia]

ブラウザがゲーム機になる日も近いのかもしれません

 現在、ブラウザ上でゲームなどを遊ぶ場合にはFlashなどの外部プラグインがほぼ必須となっていますが、次期HTML(HTML5)ではこれが不要になるかもしれません。

 あまりピンと来ない人は、こちらの「HTML5であそんでみたクエスト」をぜひ遊んでみてください。どこかで見たようなタイトル画面、名前入力画面に続いて、やっぱりどこかで見たような戦闘画面が表示されますが、面白いのはここから。なんとコマンドを入力するかわりに、ローカルの画像をブラウザに直接ドラッグ&ドロップすることで戦うんです。

 画像がJPEGなら「たたかう」、GIFなら「まほう」、PNGなら「かいふく」といった具合に、ドロップした画像の拡張子によってコマンドが変化。画像はデカければデカいほど強く、あまり小さいとはね返されてしまってダメージを与えられません。ドロップした画像がそのまま戦闘エフェクトとして使用されるのもユニークで、従来のFlashゲームなどとは一味違った新鮮さがあります。これらの要素は、HTML5の新機能「FileAPI」と「Drag&Drop」を使って実装されているのだそうです。

 残念ながら現状Firefox(3.6以上)以外のブラウザには対応していませんが、HTML5を使ったWebサイトが主流になる前に、この際ブラウザごと乗り換えてしまうというのもアリかもしれません。とりあえず気分だけでも味わいたい人は以下の解説動画をどうぞ。

どこかで見たようなタイトル画面。制作者はチーム「.3(どっとさん)」
戦闘画面も某有名RPGそっくり。BGMはちょっと「ロマサガ」風?
ローカルの画像をドラッグ&ドロップして戦います

 なお、今回使われているもの以外にもHTML5には様々な新機能が追加されており、これらを使えばブラウザだけで様々なゲームをプレイすることが可能になるそう。

Hojamaka Gamesさんの「HTML5でTAMAYOKE!!!111」

 例えばこちらのニュースでも触れていますが、Googleの開発者が先日行った実験では、FPSの名作「QuakeII」をブラウザ上で動作させることに成功。他にもこちらの「HTML5でTAMAYOKE!!!111」をはじめ、簡単なゲームはすでにいくつも作られており、今後の動向にも期待できそうです。


(C).3 All Rights Reserved


Copyright © ITmedia, Inc. All Rights Reserved.

昨日の総合アクセスTOP10

  1. /nl/articles/2109/27/news084.jpg 星野さんどこ……? 「どん兵衛」、鬼気迫るどんぎつねさんが“眼鏡”を放り捨てる意味深CMがもう「リアルごちゃ混ぜ」
  2. /nl/articles/2109/26/news028.jpg 才賀紀左衛門、“親密な女性”の初顔出しショット公開 パッチリした目にスッキリした鼻筋で「想像通り美しい」「綺麗な方!」
  3. /nl/articles/2109/22/news088.jpg 「生クリームは飲み物」通販が一時中止に 保健所からの指摘受け 製品名も変更
  4. /nl/articles/2109/26/news047.jpg かっぱ寿司で「入店20時間待ち」表示 全皿半額キャンペーンで全国に大混雑、入店困難な状態に
  5. /nl/articles/2109/26/news018.jpg 窓拭きお兄さんの恋を同僚おじさんたちが全力で応援するラブコメ漫画 「転職したい」と反響多数
  6. /nl/articles/2109/26/news027.jpg 「BotW」足跡モードで「ゼルダの伝説」を描く偉業 ガーディアンに襲われながらも“41日間の旅”を完走した作者にインタビュー
  7. /nl/articles/2109/26/news053.jpg 娘がダイソーで買ったニワトリ風船がなんかおかしい…… ナナメ上のビジュアルに「吹いた」「おなか痛いw」
  8. /nl/articles/2109/25/news064.jpg 森尾由美、長女の結婚をレアな母娘3ショットで報告 「美人親娘」「姉妹みたいや」と反響
  9. /nl/articles/2109/27/news028.jpg 夫が3カ月の育休を取ったら、新生児がいても8時間睡眠を確保できた 「シフト制」を取り入れた育休のレポート漫画が参考になる
  10. /nl/articles/2109/27/news060.jpg 徹夜でゲーム! 10時間爆睡! 起きたら夕方! “丁寧な生活”もいいけど「バカの生活」やっぱり気持ちいい! という漫画に共感

先週の総合アクセスTOP10

先月の総合アクセスTOP10

  1. 田中将大、石川佳純ら卓球女子との集合ショットに反響 「夢の共演」「どちらから声を掛けたのか気になる」
  2. 田中将大の五輪オフショット集、最後は柔道・阿部詩との2ショットでシメ! “モテ男”の期待裏切らず「美女好きですね〜」
  3. 「マジで恥ずかしいです」 中川翔子、数年ぶりの“水着披露”に恥じらいつつもマネジャー大絶賛「スタイルめっちゃいいすね!」
  4. 里田まい、楽天ユニフォーム姿の長男に「違う、そうじゃない」 父・田中将大選手そっちのけの推し愛にツッコミの嵐
  5. 野々村真、動画で退院を報告 やつれた姿に衝撃広まる「コロナがより怖くなった」「ガリガリで衝撃を受けたわ」
  6. 「薬を問われ、アル中だと言われ」 西山茉希、“うわさ”ささやかれる痩せ体形に「懸命なもんでご了承願います」
  7. 柴犬「メシ、よこさんかーい!!(激怒)」 ごはんを忘れた飼い主に皿をぶん投げる柴犬、荒ぶる姿に「爆笑した」
  8. レイザーラモンRG、コロナ療養で“10キロ減”を告白 「顔が変わっちゃいました」とやつれた姿で復帰報告
  9. 海外記者「最高のコンビニアイスを発見した」 森永チョコモナカジャンボ、ついに世界に見つかってしまう
  10. 「ついついキレイな部分ばかり載せたくなりますが」 小倉優子が公開したインスタの“現実”に「勝手に親近感が」「共感しかない」