ブラウザだけでここまで！　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. 生後2カ月の赤ちゃんにママが話しかけると、次の瞬間かわいすぎる反応が！　「天使」「なんか泣けてきた」と癒やされた人続出
  2. 車検に出した軽トラの荷台に乗っていた生後3日の子猫、保護して育てた3年後……　驚きの現在に大反響「天使が女神に」「目眩が」
  3. 安達祐実、成人した娘とのレアな2ショット披露　「ママには見えない！」「とても似ててびっくり」と驚きの声
  4. 兄が10歳下の妹に無償の愛を注ぎ続けて2年後……　ママも驚きの光景に「尊すぎてコメントが浮かばねぇ」「最高のにいに」
  5. “これが普通だと思っていた柴犬のお風呂の入れ方が特殊すぎた”　予想外の体勢に「今まで観てきた入浴法で1番かわいい」
  6. 「虎に翼」、新キャラの俳優に注目が集まる　「綺麗な人だね」「まさか日本のドラマでお目にかかれるとは！」
  7. 「葬送のフリーレン」ユーベルのコスプレがまるで実写版　「ジト目が完璧」と27万いいねの好評
  8. お花見でも大活躍する「2杯のドリンクを片手で持つ方法」　目からウロコの裏技に「えぇーーすごーーい」「やってみます！」
  9. 弟から出産祝いをもらったら……　爆笑の悲劇に「めっちゃおもろ可愛いんだけどｗ」「笑いこらえるの無理でした」
  10. 3カ月の赤ちゃん、パパに“しーっ”とされた反応が「可愛いぁぁぁぁ」と200万再生　無邪気なお返事としぐさから幸せがあふれ出す
先月の総合アクセスTOP10
  1. フワちゃん、弟の結婚式で卑劣な行為に「席次見て名前覚えたからな」　めでたい場でのひんしゅく行為に「プライベート守ろうよ！」の声
  2. 親が「絶対たぬき」「賭けてもいい」と言い張る動物を、保護して育ててみた結果……　驚愕の正体が230万表示「こんなん噴くわ！」
  3. 水道検針員から直筆の手紙、驚き確認すると……　メーターボックスで起きた珍事が300万再生「これはびっくり」「生命の逞しさ」
  4. フワちゃん、収録中に見えてはいけない“部位”が映る　まさかの露出に「拡大しちゃったじゃん」「またか」の声
  5. スーパーで売れ残っていた半額のカニを水槽に入れてみたら……　220万再生された涙の結末に「切なくなった」「凄く感動」
  6. 桐朋高等学校、78期卒業生の答辞に賛辞やまず　「只者ではない」「感動のあまり泣いて10回読み直した」
  7. 「これは悲劇」　ヤマザキ“春のパンまつり”シールを集めていたはずなのに……　途中で気づいたまさかの現実
  8. 「ふざけんな」　宿泊施設に「キャンセル料金を払わなくする方法」が物議　宿泊施設「大目に見てきたが厳格化する」
  9. がん闘病中の見栄晴、20回以上の放射線治療を受け変化が……　「痛がゆくなって来ました」
  10. 食べ終わったパイナップルの葉を土に植えたら……　3年半後、目を疑う結果に「もう、ただただ感動です」「ちょっと泣きそう」