ブラウザだけでここまで！　HTML5で作られた「スーパーマリオブラザーズ」がスゴい：日々是遊戯

Flashなどの外部プラグインを使わず、HTML5だけで「スーパーマリオブラザーズ」を再現してしまった人が登場。さらにあの人気ゲームもHTML5に!?

» 2011年08月18日 17時14分 公開
[池谷勇人，ITmedia]

ブラウザゲームの可能性が一気に広がりそうです

　次世代のWebフォーマットとして注目され、徐々にいろんなところで使われはじめている「HTML5」。そんなHTML5で作られた「スーパーマリオブラザーズ」が公開され、話題となっています。

　従来のHTMLに比べ、マルチメディア機能が大幅に強化されたHTML5では、今までのようにFlashなどの外部プラグインに頼らなくても、単体で複雑なゲームなどを動かすことが可能と言われています。今回紹介する「Infinite Mario Bros」も、ベースはあくまでJavascriptで、HTML5の高いポテンシャルを感じさせてくれるものとなっています。当然ながら、ブラウザがHTML5に対応していないと遊べませんので、古いブラウザを使っている人はご注意を。

パッと見はよくあるFlashゲームですが、もちろんFlashは一切使っていません

　操作は方向キーで左右移動、「S」キーでジャンプ、「A」キーでダッシュ。ファイアマリオに変身すれば、もちろんファイアボールを投げることも可能。あと一応カベキック的なこともできたりしますが、たぶんあんまり使いどころはありません。

　普通のマリオとちょっと違うのは、遊ぶたびにコースやマップが自動生成される点。コースの構造はわりと単純ですが、言われなければ自動生成とは気付かないレベルで、これはこれでスゴい気も。ちとジャンプの挙動がクイックすぎる気もしますが、「マリオ度」はなかなかに高く、マリオ好きな人なら普通に楽しめるのではと感じました。

　調べてみたところ、もともとはJavaで作られていたゲームで、オリジナル版はなんとあの「Minecraft」の作者・notch氏の作品。タイトルも同じ「Infinite Mario Bros」で、HTML5版と遊び比べて、違いを探してみたりしても楽しいかもしれませんね。

　なお日本でもつい先日、HTML5で作成された「グラディウス」が公開され話題になりました。こちらは一度非公開になってしまったものの、現在はテクニカルデモという名目で再び復活。現状ではステージ1のみの実装ですが、こちらも再現度はかなり高く、HTML5のスゴさがよく分かる内容となっています。

ステージ1だけとは言え、アーケード版をほぼ完全移植。ブラウザ単体でここまでできてしまうのはスゴい

関連キーワード

HTML5 | マリオ | Flash | 自動生成 | ブラウザゲーム | 日々是遊戯 | プラグイン | 再現 | ラディウス


Copyright © ITmedia, Inc. All Rights Reserved.

先週の総合アクセスTOP10
  1. 小1娘、ペンギンの卵を楽しみに育ててみたら……　期待を裏切る生き物の爆誕に「声出して笑ってしまったw」「反応がめちゃくちゃ可愛い」
  2. 富山県警のX投稿に登場の女性白バイ隊員に過去一注目集まる「可愛い過ぎて、取締り情報が入ってこない」
  3. 2カ月赤ちゃん、おばあちゃんに少々強引な寝かしつけをされると……　コントのようなオチに「爆笑！」「可愛すぎて無事昇天」
  4. 異世界転生したローソン出現　ラスボスに挑む前のショップみたいで「合成かと思った」「日本にあるんだ」
  5. 【今日の計算】「8＋9÷3−5」を計算せよ
  6. 21歳の無名アイドル、ビジュアル拡散で「あの頃の橋本環奈すぎる」とSNS騒然　「実物の方が可愛い」「見つかっちゃったなー」の声も
  7. 1歳赤ちゃん、寝る時間に現れないと思ったら……　思わぬお仲間連れとご紹介が「めっちゃくちゃ可愛い」と220万再生
  8. 業務スーパーで買ったアサリに豆乳を与えて育てたら……　数日後の摩訶不思議な変化に「面白い」「ちゃんと豆乳を食べてた？」
  9. 祖母から継いだ築80年の古家で「謎の箱」を発見→開けてみると……　驚きの中身に「うわー！スゴッ」「かなり高価だと思いますよ！」
  10. 「ゆるキャン△」のイメージビジュアルそのまま？　工事の看板イラストが登場キャラにしか見えない　工事担当者「狙いました」
先月の総合アクセスTOP10
  1. フワちゃん、弟の結婚式で卑劣な行為に「席次見て名前覚えたからな」　めでたい場でのひんしゅく行為に「プライベート守ろうよ！」の声
  2. 親が「絶対たぬき」「賭けてもいい」と言い張る動物を、保護して育ててみた結果……　驚愕の正体が230万表示「こんなん噴くわ！」
  3. 水道検針員から直筆の手紙、驚き確認すると……　メーターボックスで起きた珍事が300万再生「これはびっくり」「生命の逞しさ」
  4. フワちゃん、収録中に見えてはいけない“部位”が映る　まさかの露出に「拡大しちゃったじゃん」「またか」の声
  5. スーパーで売れ残っていた半額のカニを水槽に入れてみたら……　220万再生された涙の結末に「切なくなった」「凄く感動」
  6. 桐朋高等学校、78期卒業生の答辞に賛辞やまず　「只者ではない」「感動のあまり泣いて10回読み直した」
  7. 「これは悲劇」　ヤマザキ“春のパンまつり”シールを集めていたはずなのに……　途中で気づいたまさかの現実
  8. 「ふざけんな」　宿泊施設に「キャンセル料金を払わなくする方法」が物議　宿泊施設「大目に見てきたが厳格化する」
  9. がん闘病中の見栄晴、20回以上の放射線治療を受け変化が……　「痛がゆくなって来ました」
  10. 食べ終わったパイナップルの葉を土に植えたら……　3年半後、目を疑う結果に「もう、ただただ感動です」「ちょっと泣きそう」