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
  1. /nl/articles/2407/22/news162.jpg アメリカ人が日本のマクドナルドを食べてみたら……? “ある商品”が衝撃の結果に 「クレヨンと粘土の味」「肉じゃない」
  2. /nl/articles/2407/22/news083.jpg 「もうこりごりだ〜」 財布に新紙幣を入れたら…… “まさかのビジュアル”に爆笑 「昭和アニメのオチかな?」
  3. /nl/articles/2407/22/news133.jpg 「やめて……」Amazon公式の誠実対応のせいで経済事情を全世界に公開 「悲しい気遣い」「傷口に砂糖」
  4. /nl/articles/2407/22/news027.jpg スズメの首は、実は……? 「心臓止まりそうでした」「これは……びっくり!」“真実の姿”に驚愕の声
  5. /nl/articles/2407/23/news125.jpg 「ごめん本当キツい」 仲里依紗、“円安のあおり”で米ディズニーランドの入場断念へ……10年前の結婚時から“恐ろしい値段”「約倍になってんの」
  6. /nl/articles/2407/19/news026.jpg 「お釣りで新紙幣来た!!!!!と思ったら……」 “まさかの正体”に「吹き出してしまった」「逆に……」
  7. /nl/articles/2407/20/news002.jpg 赤いカブトムシを7年間、厳選交配し続けたら…… 爆誕した“ウルトラレッド”の姿に「フェラーリみたい」「カッコ良すぎる」
  8. /nl/articles/2407/21/news022.jpg 【今日の計算】「4+6÷2+3」を計算せよ
  9. /nl/articles/2407/19/news095.jpg ダイソーで買った330円の「石」を磨いたら……? 吸い込まれそうな美しさが40万回表示の人気 「夏休みの自由研究にもいいのでは?」
  10. /nl/articles/2407/22/news097.jpg 「花火どころではなかった」 雷雨で中止になった花火大会、雷のすごさが分かる画像に「中止にして良かった」の声
先週の総合アクセスTOP10
  1. プロが本気で“アンパンマンの塗り絵”をしたら…… 衝撃の仕上がりが360万再生「凄すぎて笑うしかないww」「チーズが、、、」
  2. 6年間外につながれっぱなしだったワンコ、保護準備をするため帰ろうとすると…… 思いが伝わるラストに涙が止まらない
  3. 「お釣りで新紙幣来た!!!!!と思ったら……」 “まさかの正体”に「吹き出してしまった」「逆に……」
  4. 赤いカブトムシを7年間、厳選交配し続けたら…… 爆誕した“ウルトラレッド”の姿に「フェラーリみたい」「カッコ良すぎる」
  5. ダイソーで買った330円の「石」を磨いたら……? 吸い込まれそうな美しさが40万回表示の人気 「夏休みの自由研究にもいいのでは?」
  6. 「これ最初に考えた人、まじ天才」 ダイソーグッズの“じゃない”使い方が「目から鱗すぎ」と反響
  7. もう笑うしかない Windowsのブルースクリーン多発でオフィス中“真っ青”になった海外の光景がもはや楽しそう
  8. アジサイを挿し木から育て、4年後…… 息を飲む圧巻の花付きに「何回見ても素晴らしい」「こんな風に育ててみたい!」
  9. スズメの首は、実は……? 「心臓止まりそうでした」「これは……びっくり!」“真実の姿”に驚愕の声
  10. 【今日の計算】「8×8÷8÷8」を計算せよ
先月の総合アクセスTOP10
  1. 18÷0=? 小3の算数プリントが不可解な出題で物議「割れませんよね?」「“答えなし”では?」
  2. 日本人ならなぜかスラスラ読めてしまう字が“300万再生超え” 「輪ゴム」みたいなのに「カメラが引いたら一気に分かる」と感動の声
  3. 「最初から最後まで全ての瞬間がアウト」 Mrs. GREEN APPLE、コカ・コーラとのタイアップ曲に物議 「誰かこれを止める人いなかったのか」
  4. 「値段を三度見くらいした」 ハードオフに38万5000円で売っていた“予想外の商品”に思わず目を疑う
  5. 「思わず笑った」 ハードオフに4万4000円で売られていた“まさかのフィギュア”に仰天 「玄関に置いときたい」
  6. かわいすぎる卓球女子の最新ショットが730万回表示の大反響 「だれや……この透明感あふれる卓球天使は」「AIじゃん」
  7. 「これはさすがに……」 キャッシュレス推進“ピクトグラム”コンクールに疑問の声相次ぐ…… 主催者の見解は
  8. 天皇皇后両陛下の英国訪問、カミラ王妃の“日本製バッグ”に注目 皇后陛下が贈ったもの
  9. 「この家おかしい」と投稿された“家の図面”が111万表示 本当ならばおそろしい“状態”に「パッと見だと気付けない」「なにこれ……」
  10. 和菓子屋の店主、バイトに難題“はさみ菊”を切らせてみたら…… 282万表示を集めた衝撃のセンスに「すごすぎんか」「天才!?」