ニュース

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

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

advertisement

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

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

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

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

advertisement

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

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

AMP 非対応のコンテンツです。こちらからご覧ください。

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

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

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

advertisement

AMP 非対応のコンテンツです。こちらからご覧ください。

(C).3 All Rights Reserved


Copyright © ITmedia, Inc. All Rights Reserved.

記事ランキング

  1. 柴犬「友達〜!!!」 お母さんの寝坊で散歩が遅れた柴犬、ワン友に会えず……→怒りMAXの拒否柴発動に母「スマン……」
  2. 素潜りでイソマグロを突いたら海に引きずり込まれ…… 水深25メートルの激闘が100万再生「怖い」「磯のダンプカー」
  3. 隣家にいった飼い主、ふと視線を感じると柴犬たちが……? じーっと監視するワンコきょうだいの圧に爆笑
  4. カナダ留学中の光浦靖子、得意の手芸でまたしても力作を生み出す 「クオリティ高すぎ」「もープロですね」
  5. 「スト6」フランス大会決勝、モニターにペンキで中断 環境団体乱入で
  6. ごみ置き場に捨てられていたボロボロの子猫を保護、懸命に看病をして…… 元気な家猫になったビフォーアフターに感動と感謝の声
  7. 柴犬がプールからあがろうとした瞬間……! 「何回見ても爆笑」「好きすぎる」コントのようなずっこけハプニングが発生
  8. 「やばい電車で見てしまった」「おなか痛い、爆笑です」 カメがまさかの乗り物で猫を追いかける姿が予想外の面白さ
  9. 突然現れた痩せて汚れた野良猫、「ごはんくだちゃい」と訴えてきて…… 距離が縮まっていく姿に「涙が出ます」と100万再生
  10. 村重杏奈の“最強遺伝子”な弟、7歳バースデーお祝いに黄色い声 姉とうり二つな姿に「幼さが抜けて更にイケメン」「可愛いしカッコイイ」