【ゲーム】HTML5で「スーパーマリオブラザーズ」「グラディウス」が作られる

1 ：【東北電 79.3 %】＠あやめφ ★：2011/08/21(日) 22:06:47.59 ID:???

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

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

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

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

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

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

ねとらぼ
http://nlab.itmedia.co.jp/nl/articles/1108/18/news072.html
Infinite Mario - HTML5
http://arcade.rawrbitrary.com/mario/
GRADIUS
http://appsweets.net/gradius/

2 ：なまえないよぉ～：2011/08/21(日) 22:08:20.64 ID:rsAjQkck

Flashなんていらんかったんや！

3 ：なまえないよぉ～：2011/08/21(日) 22:09:41.79 ID:nsXZJjtR

許可取ってるの？

4 ：なまえないよぉ～：2011/08/21(日) 22:10:45.14 ID:OdPEUc//

また大企業のHPが気持ち悪くなるのか

5 ：なまえないよぉ～：2011/08/21(日) 22:11:39.43 ID:rDYv1Ihy

あのー　２面以降ないんでしょうかー。

6 ：なまえないよぉ～：2011/08/21(日) 22:12:58.35 ID:A1jj0q4Z

そういうことが可能なように作られてんだから別にHTML5が凄いとは思わない

7 ：なまえないよぉ～：2011/08/21(日) 22:15:38.09 ID:Fb0iVilU

リトルマジック作ってくれ

8 ：なまえないよぉ～：2011/08/21(日) 22:16:26.42 ID:e2muUGId

グラディウスキーボードじゃ無理ｗ

9 ：なまえないよぉ～：2011/08/21(日) 22:16:36.95 ID:Xdsr1ydf

キーボードでやるのつらひ

10 ：なまえないよぉ～：2011/08/21(日) 22:21:51.13 ID:+MYJy+0H

そうだテンキーでやればいいんだ

11 ：なまえないよぉ～：2011/08/21(日) 22:30:38.65 ID:DAOGMYwQ

iPadじゃ動かない？

12 ：なまえないよぉ～：2011/08/21(日) 22:32:43.67 ID:U3oFrJk/

懐かしくて難しくて即死でﾜﾛﾀｗｗｗｗ

13 ：なまえないよぉ～：2011/08/21(日) 22:32:52.75 ID:GkO5DT2F

動いたけど操作できね

14 ：なまえないよぉ～：2011/08/21(日) 22:34:22.44 ID:wJ4iVGkv

iphoneでもみれるようだが、キーボードないとできないっぽいね

15 ：なまえないよぉ～：2011/08/21(日) 22:41:24.19 ID:QJT/YKKO

飯も食わないで遊んでたらかーちゃんにパソコン没収された

16 ：なまえないよぉ～：2011/08/21(日) 22:56:33.95 ID:Vf/Z5tUa

難しいｗ

17 ：なまえないよぉ～：2011/08/21(日) 23:12:43.60 ID:LSDxe/4s

ジャンプの反応が微妙だなw

18 ：なまえないよぉ～：2011/08/21(日) 23:40:55.69 ID:tDh31SwD

結局Javascriptで作ってるなら、HTML5関係ないんじゃ？

19 ：なまえないよぉ～：2011/08/21(日) 23:43:43.17 ID:LSDxe/4s

グラディウス１面しか無いのか
後ろからやられたんだと思って何回もチャレンジしてしもうたやないか

20 ：なまえないよぉ～：2011/08/21(日) 23:51:20.11 ID:RJgM3ZdR

一回目超高速でﾜﾛﾀ
速度のデフォルトおかしいぞｗ

21 ：なまえないよぉ～：2011/08/22(月) 00:24:30.01 ID:tfEgwsfd

アウトｗ

22 ：なまえないよぉ～：2011/08/22(月) 01:09:16.45 ID:LsQseItG

操作が

23 ：なまえないよぉ～：2011/08/22(月) 01:10:21.42 ID:kzgAgZXP

Flashといいいコレといいどうして
ホームページの表示に時間がかかる物を作りたがるのかね
はっきり言って迷惑でも何者でもないわ

24 ：なまえないよぉ～：2011/08/22(月) 01:12:45.48 ID:OYJ6GRun

JTKとRAPで遊ぶか

25 ：なまえないよぉ～：2011/08/22(月) 01:29:18.34 ID:7taojt0I

JoyToKeyなんてG-TYPE以来だわｗ

26 ：なまえないよぉ～：2011/08/22(月) 01:46:36.95 ID:JxeY+Gh7

明らかに著作権法違反なのに
普通のニュースとしてごく普通に扱ってるitmediaって韓国メディアなの？

27 ：なまえないよぉ～：2011/08/22(月) 02:19:51.37 ID:rmbk60NX

>>26
そうだよ

28 ：なまえないよぉ～：2011/08/22(月) 04:14:47.09 ID:x/qnj/x3

地図からすすまんぞ

29 ：なまえないよぉ～：2011/08/22(月) 04:31:29.74 ID:UwpsWLCG

Flash死亡のお知らせか

30 ：なまえないよぉ～：2011/08/22(月) 12:44:56.17 ID:/C2EI7if

マリオ試してきたがバグだらけで全くブラウザ互換ないな
どのプラットフォームのどのブラウザならまともに動くんだ？

31 ：なまえないよぉ～：2011/08/22(月) 13:51:31.85 ID:ylfJMFDD

>>18
表示部分のCanvasと音出す機能がHTML5からの仕様だから

32 ：なまえないよぉ～：2011/08/22(月) 16:06:43.57 ID:v73dBGb5

Firefox5で普通に出来た

33 ：なまえないよぉ～：2011/08/22(月) 17:08:27.63 ID:yb+wgcoL

>>30
各ブラウザの最新バージョンだったら動くんじゃない？

34 ：なまえないよぉ～：2011/08/22(月) 18:19:14.60 ID:pt59eZtt

この手のスレには>23のようなサイトの表示速度、FlashやJavascript、下手すりゃCSSまで
過剰とも思える程に問題視する奴が必ず出てくるけれど、webサイトがテキストと必要最低限の
写真により構成され、紙媒体よりも伝えられる情報が少ないプレーンなhtmlのみが存在するwebが
永遠に続く事を望んでいるのだろうか。

35 ：なまえないよぉ～：2011/08/22(月) 19:05:20.47 ID:80dPnx0R

>>34
＞ホームページの表示に時間がかかる
という問題点を故意に無視して、何を問いかけているのだろうか、この御仁は……。

36 ：なまえないよぉ～：2011/08/22(月) 19:18:47.30 ID:923F5QEX

やっぱりブラウザ上のゲームっていまいちだな
OSのシステムに直接アクセスできる実行ファイルにはかなわんね

37 ：なまえないよぉ～：2011/08/22(月) 19:29:11.00 ID:sQAxAmFb

>>23
そうだな。
せいぜいグーグルでパックマンできればよい

38 ：なまえないよぉ～：2011/08/22(月) 19:39:49.59 ID:7Z2oC/LR

シンプルで軽いのを好む人も結構いるのに無駄の多いホームページばっか増えてくよな
ウェブデザイナーとかが仕事増えるようにわざとやってるんじゃねーの

39 ：なまえないよぉ～：2011/08/22(月) 19:43:39.48 ID:pt59eZtt

>>35
>34には「サイトの表示速度」と書いてるけれど伝わらなかったか。
確かに、一部のFullFlashの激重サイトは問題ではあると思うけど、表現方法の選択肢が
広がるというのは、作る側だけじゃなく見る側にとっても、有益なのではないかな、と思っただけです。

そもそも、板違いでしたね。すみません

40 ：なまえないよぉ～：2011/08/22(月) 19:52:18.36 ID:xE6eryla

同じ情報量なら軽いほうがいいに決まってるだろ

41 ：なまえないよぉ～：2011/08/22(月) 20:20:44.86 ID:yb+wgcoL

どんなサイトかによる。これが全て。

42 ：なまえないよぉ～：2011/08/22(月) 21:17:37.09 ID:+D4jSBme

「FirefoxはこれっぽっちもHTML5に対応していない」
みたいな、わけのわからないデマに乗せられ
「だから弊社もまだHTML5に手を出せないのだ、Firefoxのチクショウめ」
と、意味の分らないフラストレーションを抱える会社
それが
　有限会社ヨ（中略）ク
なのだ

43 ：なまえないよぉ～：2011/08/22(月) 21:19:45.91 ID:wdYpSLXZ

HTMLに絵を貼り付けるのは邪道とかそういう人もいるが
一方でFLASHコンテンツしか張らない人もいる

44 ：なまえないよぉ～：2011/08/22(月) 21:20:52.74 ID:AcAzK3gW

>>32
動画で様子見れるのかと思ったけどプレイできて驚いたｗ

45 ：なまえないよぉ～：2011/08/22(月) 21:47:19.58 ID:e9J20uyl

DHTMLのときも
技術デモで結構いろんなもの作られたけど
全く普及しなかったね

46 ：なまえないよぉ～：2011/08/22(月) 22:51:02.77 ID:iLEhW7gh

>GRADIUS
おお、バブルシステム起動画面まで忠実
時間が違うけど

47 ：なまえないよぉ～：2011/08/23(火) 16:47:53.70 ID:XEwQY/Fl

マリオなぜかIE8だと動かなかったな。
firefoxとoperaで試したら踏んだら亀消えるしなんだこれ・・・

48 ：なまえないよぉ～：2011/08/23(火) 20:31:50.85 ID:YPN9zt+O

そりゃIE8はHTML5に対応してないからな。
FxもOperaも比較的最近のバージョンだったら動くでしょ。