HTML5のスゴさが一目で分かる「HTML5で遊んでみたクエスト」が面白い:日々是遊戯
Webサイトを記述するための言語「HTML(HyperText Markup Language」の次期バージョン「HTML5」はスゴいかもしれない、という話。
ブラウザがゲーム機になる日も近いのかもしれません
現在、ブラウザ上でゲームなどを遊ぶ場合にはFlashなどの外部プラグインがほぼ必須となっていますが、次期HTML(HTML5)ではこれが不要になるかもしれません。
あまりピンと来ない人は、こちらの「HTML5であそんでみたクエスト」をぜひ遊んでみてください。どこかで見たようなタイトル画面、名前入力画面に続いて、やっぱりどこかで見たような戦闘画面が表示されますが、面白いのはここから。なんとコマンドを入力するかわりに、ローカルの画像をブラウザに直接ドラッグ&ドロップすることで戦うんです。
画像がJPEGなら「たたかう」、GIFなら「まほう」、PNGなら「かいふく」といった具合に、ドロップした画像の拡張子によってコマンドが変化。画像はデカければデカいほど強く、あまり小さいとはね返されてしまってダメージを与えられません。ドロップした画像がそのまま戦闘エフェクトとして使用されるのもユニークで、従来のFlashゲームなどとは一味違った新鮮さがあります。これらの要素は、HTML5の新機能「FileAPI」と「Drag&Drop」を使って実装されているのだそうです。
残念ながら現状Firefox(3.6以上)以外のブラウザには対応していませんが、HTML5を使ったWebサイトが主流になる前に、この際ブラウザごと乗り換えてしまうというのもアリかもしれません。とりあえず気分だけでも味わいたい人は以下の解説動画をどうぞ。
なお、今回使われているもの以外にもHTML5には様々な新機能が追加されており、これらを使えばブラウザだけで様々なゲームをプレイすることが可能になるそう。
例えばこちらのニュースでも触れていますが、Googleの開発者が先日行った実験では、FPSの名作「QuakeII」をブラウザ上で動作させることに成功。他にもこちらの「HTML5でTAMAYOKE!!!111」をはじめ、簡単なゲームはすでにいくつも作られており、今後の動向にも期待できそうです。
関連記事
- 日々是遊戯:Twitterで遊べるアドベンチャーゲーム「DragonTwitter」が面白い
ゲームクリエイターの米光一成氏が、Twitterを使ったテキストアドベンチャーゲームを作って公開しています。 - 日々是遊戯:韓国、青少年のオンラインゲームを制限する制度を導入? ほか、海外ネタ3連発
青少年のオンラインゲーム依存がしばしば問題視されている韓国で、深夜時間帯のオンラインゲームを制限する「ナイトタイム・シャットダウン」という制度が検討されているそうです。 - 日々是遊戯:難しいってレベルじゃねぇ! 業界騒然の問題作「上原テトリス」とは
ニコニコ動画で話題の「上原テトリス」をあなたは知っていますか? 「上原って誰だよ!」というツッコミはとりあえずおいといて……。 - 日々是遊戯:これこそリアル「GTA」!? Google Earthでカーチェイスを再現
Google Earthの衛星画像を使って、手に汗握るカーチェイスの様子を再現してしまった動画を紹介します。もし「GTA」の世界が現実だったらこんな感じでしょうか……? - 日々是遊戯:韓国プロゲーマー界に八百長疑惑が浮上! e-Sports史上最悪のスキャンダルとの見方も
オンラインゲーム大国として知られ、多くのプロゲーマーリーグを擁する韓国。その韓国で現在、大規模な八百長疑惑が持ち上がっています。 - 日々是遊戯:8ビット風グラフィックに古代サウンド! Xbox 360用インディーズゲーム「まもって騎士(ナイト)」が面白そう
Xbox 360インディーズゲームでこの春配信予定の「まもって騎士」。あの古代祐三氏がプロデュースする、昔懐かしい8ビット風アクションゲームです。 - 日々是遊戯:ニンテンドー3DSで採用される「裸眼立体視」技術ってどういうもの?
まさに青天の霹靂となった「ニンテンドー3DS(仮)」。専用のメガネなどを必要とせず、裸眼で立体視可能というのが3DSの特徴ですが、果たしてどんな方式が採用されるのでしょうか? - 日々是遊戯:あなたの良心が試される、革命的決済サービス「Kwedit」ってなんだ?
クレジットカードも電子マネーも不要で、今すぐオンラインゲームのアイテムが買える――そんな魔法のような決済サービスがアメリカでスタートしました。 - 日々是遊戯:専用レコーダーとの違いは? トルネでできること、できないこと
PS3につなぐだけで地デジの視聴・録画が可能になる「torne(トルネ)」。普通のレコーダーとの違いはどのあたりにあるのか、違いをまとめてみました。 - 日々是遊戯過去記事一覧
Copyright © ITmedia, Inc. All Rights Reserved.
-
2カ月赤ちゃん、おばあちゃんに少々強引な寝かしつけをされると…… コントのようなオチに「爆笑!」「可愛すぎて無事昇天」
-
「ゆるキャン△」のイメージビジュアルそのまま? 工事の看板イラストが登場キャラにしか見えない 工事担当者「狙いました」
-
もう別人じゃん! miwa、大胆イメチェンで面影ゼロに「まさかのこんな色になってるとは」「だれー!?」
-
「ぶち抜きたいです」 辻希美、懇願拒否された13歳長男が“荒くれ反抗”……息子の室内破壊に嫌悪あらわ「言葉が出ない」
-
異世界転生したローソン出現 ラスボスに挑む前のショップみたいで「合成かと思った」「日本にあるんだ」
-
「キュウリが冷凍できるとは76年も生きて来て知らんかったなあ」 野菜ソムリエプロが教える冷凍&活用アイデアが328万再生
-
「虎に翼」、壮絶過去演じた16歳俳優に注目の声「違国日記の子か!」 「ブラッシュアップライフ」にも出演
-
築36年物件の暗くてボロいトイレをリメイク→ぐーんと垢抜け! 驚きのビフォアフに「すごいですね!」「天才」の声
-
【今日の計算】「13+8×2−11」を計算せよ
-
辻希美&杉浦太陽、15歳迎えた長女のレアな“顔出しショット”でお祝い 最近は「恋バナ」で盛り上がることも
- 生後2カ月の赤ちゃんにママが話しかけると、次の瞬間かわいすぎる反応が! 「天使」「なんか泣けてきた」と癒やされた人続出
- 車検に出した軽トラの荷台に乗っていた生後3日の子猫、保護して育てた3年後…… 驚きの現在に大反響「天使が女神に」「目眩が」
- 安達祐実、成人した娘とのレアな2ショット披露 「ママには見えない!」「とても似ててびっくり」と驚きの声
- 兄が10歳下の妹に無償の愛を注ぎ続けて2年後…… ママも驚きの光景に「尊すぎてコメントが浮かばねぇ」「最高のにいに」
- “これが普通だと思っていた柴犬のお風呂の入れ方が特殊すぎた” 予想外の体勢に「今まで観てきた入浴法で1番かわいい」
- 「虎に翼」、新キャラの俳優に注目が集まる 「綺麗な人だね」「まさか日本のドラマでお目にかかれるとは!」
- 「葬送のフリーレン」ユーベルのコスプレがまるで実写版 「ジト目が完璧」と27万いいねの好評
- お花見でも大活躍する「2杯のドリンクを片手で持つ方法」 目からウロコの裏技に「えぇーーすごーーい」「やってみます!」
- 弟から出産祝いをもらったら…… 爆笑の悲劇に「めっちゃおもろ可愛いんだけどw」「笑いこらえるの無理でした」
- 3カ月の赤ちゃん、パパに“しーっ”とされた反応が「可愛いぁぁぁぁ」と200万再生 無邪気なお返事としぐさから幸せがあふれ出す
- フワちゃん、弟の結婚式で卑劣な行為に「席次見て名前覚えたからな」 めでたい場でのひんしゅく行為に「プライベート守ろうよ!」の声
- 親が「絶対たぬき」「賭けてもいい」と言い張る動物を、保護して育ててみた結果…… 驚愕の正体が230万表示「こんなん噴くわ!」
- 水道検針員から直筆の手紙、驚き確認すると…… メーターボックスで起きた珍事が300万再生「これはびっくり」「生命の逞しさ」
- フワちゃん、収録中に見えてはいけない“部位”が映る まさかの露出に「拡大しちゃったじゃん」「またか」の声
- スーパーで売れ残っていた半額のカニを水槽に入れてみたら…… 220万再生された涙の結末に「切なくなった」「凄く感動」
- 桐朋高等学校、78期卒業生の答辞に賛辞やまず 「只者ではない」「感動のあまり泣いて10回読み直した」
- 「これは悲劇」 ヤマザキ“春のパンまつり”シールを集めていたはずなのに…… 途中で気づいたまさかの現実
- 「ふざけんな」 宿泊施設に「キャンセル料金を払わなくする方法」が物議 宿泊施設「大目に見てきたが厳格化する」
- がん闘病中の見栄晴、20回以上の放射線治療を受け変化が…… 「痛がゆくなって来ました」
- 食べ終わったパイナップルの葉を土に植えたら…… 3年半後、目を疑う結果に「もう、ただただ感動です」「ちょっと泣きそう」