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

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

» 2010年04月26日 15時22分 公開
[池谷勇人,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
先週の総合アクセスTOP10
  1. 親が「絶対たぬき」「賭けてもいい」と言い張る動物を、保護して育ててみた結果…… 驚愕の正体が230万表示「こんなん噴くわ!」
  2. フワちゃん、収録中に見えてはいけない“部位”が映る まさかの露出に「拡大しちゃったじゃん」「またか」の声
  3. 「これは悲劇」 ヤマザキ“春のパンまつり”シールを集めていたはずなのに…… 途中で気づいたまさかの現実
  4. 「ふざけんな」 宿泊施設に「キャンセル料金を払わなくする方法」が物議 宿泊施設「大目に見てきたが厳格化する」
  5. 田代まさしの息子・タツヤ、母の逝去を報告 「あんなに悲しむ父親の姿を見たのは初めて」
  6. 「遺体の写真晒すのはさすがに」「不愉快」 坂間叶夢さんの葬儀に際して“不適切”写真を投稿で物議
  7. 大友康平、伊集院静さんの“お別れ会”で「“平服でお越しください”とあったので……」 服装が浮きまくる事態に
  8. 妊娠中に捨てられていた大型犬を保護 救われた尊い命に安堵と憤りの声「絶対に許せません」「親子ともに助かって良かった」
  9. 極寒トイレが100均アイテムで“裸足で歩ける暖かさ”に 今すぐマネできるDIYに「これは盲点」「簡単に掃除が出来る」
  10. 「奥さん目をしっかり見て挨拶してる」「品を感じる」 大谷翔平&真美子さんのオフ写真集、球団関係者が公開
先月の総合アクセスTOP10
  1. 釣れたキジハタを1年飼ってみると…… 飼い主も驚きの姿に「もはや、魚じゃない」「もう家族やね」と反響
  2. パーカーをガバッとまくり上げて…… 女性インフルエンサー、台湾でボディーライン晒す 上半身露出で物議 「羞恥心どこに置いてきたん?」
  3. “TikTokはエロの宝庫だ” 女性インフルエンサー、水着姿晒した雑誌表紙に苦言 「なんですか? これ?」
  4. 1歳妹を溺愛する18歳兄、しかし妹のひと言に表情が一変「ちがうなぁ!?」 ママも笑っちゃうオチに「かわいいし天才笑」「何度も見ちゃう」
  5. 8歳兄が0歳赤ちゃんを寝かしつけ→2年後の現在は…… 尊く涙が出そうな光景に「可愛すぎる兄妹」「本当に優しい」
  6. 1人遊びに夢中な0歳赤ちゃん、ママの視線に気付いた瞬間…… 100点満点のリアクションにキュン「かわいすぎて鼻血出そう!」
  7. 67歳マダムの「ユニクロ・緑のヒートテック重ね着術」に「色の合わせ方が神すぎる」と称賛 センス抜群の着こなしが参考になる
  8. “双子モデル”りんか&あんな、成長した姿に驚きの声 近影に「こんなにおっきくなって」「ちょっと見ないうちに」
  9. 犬が同じ場所で2年間、トイレをし続けた結果…… 笑っちゃうほど様変わりした光景が379万表示「そこだけボッ!ってw」
  10. 新幹線で「高級ウイスキー」を注文→“予想外のサイズ”に仰天 「むしろすげえ」「家に飾りたい」