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.
-
不二家の「プレミアムショートケーキ(国産苺)」が半額に! 3日間限定キャンペーン
-
中山美穂、金髪&ミニ丈の大胆イメチェンに視聴者びっくり! “格付け”出演の最新ビジュアルに「誰だか分からなかった」
-
日本エレキテル連合・中野、ネタで酷使し容姿に異変→手術を決断 「ダメよ〜、ダメダメ」でブレイク、2022年にがん公表
-
動物病院の会計中、振り返って愛犬を見たら…… “柴らしい”もん絶級の光景に「天使かよ!」「帰れるもんねw」
-
「ハンガー・ゲーム」出演俳優、撮影中の性的暴行被害を告白 泣きながら撮った当時の写真添え「すごくつらかった」と胸中明かす
-
ミス筑波大モデル、25キロ減量したビフォーアフターに「ホント凄い」 整形疑う声も「元々は埋もれてたようですね」
-
上沼恵美子さん直伝「ホタテの一番おいしい食べ方」に絶賛の声続々! 「発想が主婦目線」「マネして作ってみます」
-
【今日の計算】「8×4−2+1」を計算せよ
-
1歳赤ちゃん、寝ぼけまなこの謎行動が150万再生突破 「仕事の疲れ、吹っ飛んだ」「少し出ちゃったの可愛すぎ」
-
「めざましテレビ」“新お天気キャスター”が「美しすぎる」と注目 ミス東京GP獲得から約4カ月で
- 親が「絶対たぬき」「賭けてもいい」と言い張る動物を、保護して育ててみた結果…… 驚愕の正体が230万表示「こんなん噴くわ!」
- フワちゃん、収録中に見えてはいけない“部位”が映る まさかの露出に「拡大しちゃったじゃん」「またか」の声
- 「これは悲劇」 ヤマザキ“春のパンまつり”シールを集めていたはずなのに…… 途中で気づいたまさかの現実
- 「ふざけんな」 宿泊施設に「キャンセル料金を払わなくする方法」が物議 宿泊施設「大目に見てきたが厳格化する」
- 田代まさしの息子・タツヤ、母の逝去を報告 「あんなに悲しむ父親の姿を見たのは初めて」
- 「遺体の写真晒すのはさすがに」「不愉快」 坂間叶夢さんの葬儀に際して“不適切”写真を投稿で物議
- 大友康平、伊集院静さんの“お別れ会”で「“平服でお越しください”とあったので……」 服装が浮きまくる事態に
- 妊娠中に捨てられていた大型犬を保護 救われた尊い命に安堵と憤りの声「絶対に許せません」「親子ともに助かって良かった」
- 極寒トイレが100均アイテムで“裸足で歩ける暖かさ”に 今すぐマネできるDIYに「これは盲点」「簡単に掃除が出来る」
- 「奥さん目をしっかり見て挨拶してる」「品を感じる」 大谷翔平&真美子さんのオフ写真集、球団関係者が公開
- 釣れたキジハタを1年飼ってみると…… 飼い主も驚きの姿に「もはや、魚じゃない」「もう家族やね」と反響
- パーカーをガバッとまくり上げて…… 女性インフルエンサー、台湾でボディーライン晒す 上半身露出で物議 「羞恥心どこに置いてきたん?」
- “TikTokはエロの宝庫だ” 女性インフルエンサー、水着姿晒した雑誌表紙に苦言 「なんですか? これ?」
- 1歳妹を溺愛する18歳兄、しかし妹のひと言に表情が一変「ちがうなぁ!?」 ママも笑っちゃうオチに「かわいいし天才笑」「何度も見ちゃう」
- 8歳兄が0歳赤ちゃんを寝かしつけ→2年後の現在は…… 尊く涙が出そうな光景に「可愛すぎる兄妹」「本当に優しい」
- 1人遊びに夢中な0歳赤ちゃん、ママの視線に気付いた瞬間…… 100点満点のリアクションにキュン「かわいすぎて鼻血出そう!」
- 67歳マダムの「ユニクロ・緑のヒートテック重ね着術」に「色の合わせ方が神すぎる」と称賛 センス抜群の着こなしが参考になる
- “双子モデル”りんか&あんな、成長した姿に驚きの声 近影に「こんなにおっきくなって」「ちょっと見ないうちに」
- 犬が同じ場所で2年間、トイレをし続けた結果…… 笑っちゃうほど様変わりした光景が379万表示「そこだけボッ!ってw」
- 新幹線で「高級ウイスキー」を注文→“予想外のサイズ”に仰天 「むしろすげえ」「家に飾りたい」