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

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

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

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

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

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

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

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

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

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

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

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

Copyright © ITmedia, Inc. All Rights Reserved.

昨日の総合アクセスTOP10
  1. /nl/articles/2502/28/news013.jpg 高3女子「進学を機にイメチェンしたい」→美容師に依頼すると…… 仕上がりが「すげえええ」「鳥肌立ちました」と1000万再生
  2. /nl/articles/2502/26/news025.jpg 40代女性、デートに行くため“本気でメイク”したら…… 別人級の仕上がりに「すごいな」「めっちゃ乙女感出てる」
  3. /nl/articles/2502/25/news150.jpg 「妻は19歳で16個下」で結婚 “年の差夫婦”の22年後……ビフォーアフターに反響 「ほっこりした」
  4. /nl/articles/2502/25/news076.jpg 30年以上前の製品がかっこいい ソニーの小型ラジオのデザインが「すごい好き」「いまでも通用しそう」
  5. /nl/articles/2502/28/news043.jpg 砂浜に転がり黒ずんでいたハリセンボン→水槽に入れて50日後…… “驚きの変化”に「はじめて知った」「長生きしてほしい」
  6. /nl/articles/2502/28/news042.jpg 大切にしまっていた“レトロかわいい生地”を切って貼って…… 完成した“すてきなアイテム”に「素敵」「めちゃくちゃ憧れる生活」
  7. /nl/articles/2502/25/news024.jpg ごはん炊き忘れた父「いいこと閃いた!」→完成した弁当に爆笑「アンタすげぇよ!」 息子「意味ねぇことすんなよ」
  8. /nl/articles/2503/01/news027.jpg 天使のような大型犬の子犬が成長すると…… “極悪非道な悪魔”へと変貌した姿に爆笑「最&高」「でも幸せそう」
  9. /nl/articles/2502/28/news060.jpg 新生児がなかなか寝つかず、助産師さんに預けたら…… “まさかの姿”で戻ってきた赤ちゃんが280万表示「世界一かわいいおにぎり」
  10. /nl/articles/2503/01/news004.jpg 「尊敬するばかりです」 1人暮らしの80代おばあちゃんが作る“常備菜”がすごい! 食卓がパッと華やかになり「挑戦してみたい」
先週の総合アクセスTOP10
  1. 和菓子屋で、バイトの子に難題“はさみ菊”を切らせてみたら……「将来有望」と大反響 その後どうなった?現在を聞いた
  2. 希少性ガンで闘病中だったアイドル、死去 「言葉も発せないほどの痛み」母親が闘病生活を明かす
  3. 芸能界引退した「ショムニ」主演の江角マキコ、58歳の近影にネット衝撃「エグすぎた」 突然顔出しした娘とのやりとりも話題に
  4. “きれいな少年”が大人になったら→「なんでそうなったw」姿に驚がく 「イケメンの無駄遣い」「どっちも好きです!笑」
  5. 余った毛糸は捨てないで! 四角く編んでいくと……目からウロコのアイデアに「知れてよかった」「素晴らしい」
  6. コストコで販売「生カキ」原因で体調不良か…… 全国で1万食自主回収「深くお詫び」
  7. ごはん炊き忘れた父「いいこと閃いた!」→完成した弁当に爆笑「アンタすげぇよ!」 息子「意味ねぇことすんなよ」
  8. 瀬戸内海で漁をしていたら突然異変が…… 揚がってきた“取ってはいけない生物”に衝撃 「初めて見ました」と70万再生
  9. ママが反抗期の娘に作った“おふざけ弁当”がギミックてんこ盛りの怪作で爆笑 娘「教室全員が見に来た」
  10. 温かそうだけど…… 呉服屋さんが教える「マフラーの巻き方」になぜか既視感 「あの巻き方ってこうやってたの!?」
先月の総合アクセスTOP10
  1. 最初に軽く結ぶだけで…… 2000万再生された“マフラーの巻き方”に反響「これは使える」「素晴らしいアイデア」【海外】
  2. コメダ珈琲店で朝、ミックスサンドとコーヒーを頼んだら…… “とんでもない事態”に爆笑「恐るべし」「コントみたい」
  3. パパに抱っこされる娘、13年後の成人式に同じ場所とポーズで再現したら…… 「お父さん若返った?笑」「時止まってる」2人の姿に驚き
  4. 和菓子屋で、バイトの子に難題“はさみ菊”を切らせてみたら……「将来有望」と大反響 その後どうなった?現在を聞いた
  5. 古いバスタオルをザクザク切って縫い付けると…… 目からウロコの再利用に「すてきなアイデア」【海外】
  6. 「14歳でレコ大受賞」 人気アイドルがセクシー女優に転身した理由明かす 家族、メンバー、ファンの“意外な反応”
  7. 希少性ガンで闘病中だったアイドル、死去 「言葉も発せないほどの痛み」母親が闘病生活を明かす
  8. “きれいな少年”が大人になったら→「なんでそうなったw」姿に驚がく 「イケメンの無駄遣い」「どっちも好きです!笑」
  9. ドブで捕獲したザリガニを“清らかな天然水”で2週間育てたら…… 「こりゃすごい」興味深い結末が195万再生「初めて見た」
  10. 芸能界引退した「ショムニ」主演の江角マキコ、58歳の近影にネット衝撃「エグすぎた」 突然顔出しした娘とのやりとりも話題に