HTML5（JavaScript）で60fpsのSTGが作れる限界点を探ろうという趣旨の記事です。
以下のデモを随時更新していきます。（更新状況はコメントに記載）
（備考）
・PCブラウザ専用（Chrome推奨）
・カーソルキーで8方向に移動
・[Z] キーでショット発射
・[SHIFT] キーで低速移動
（PCブラウザ別の動作状況）
・Chrome: ◯ 正常に動作します
・Safari: △ 音が鳴りません（何らかのプラグインが必要？）
・IE: △ 音が鳴りません（何らかのプラグインが必要？）
・Edge: × 動きません（ロード途中で止まります）
・スマホ全般: × 動きません（ロード途中で止まります）
（ホスティング）
上記のデモははGitHubを使ってホスティングしています。
最初は suzukiplan.com でホスティングしていましたが、HTML5（静的ページ）ならGitHub Pagesでホスティングできてしまいますね。（しかも、修正をgh-pagesブランチへcommit後は git push だけでデプロイまで出来てしまうという手軽さ）
https://github.com/suzukiplan/html5-60fps-stg-demo
登録:
コメントの投稿 (Atom)
-
MSX版「覇邪の封印」の攻略情報を書きます。 MSX版には、パッケージに布製の地図とフィギュアが同梱されていますが、これらは単なるオマケではなく、ゲームをプレイするために必要なツールでして、説明書でもフィギュアの左足部分を現在位置に置いてプレイする旨が指示されています。実際に地図... -
家電量販店のPCゲームパッドコーナーに行くと、軒並みWindows用のゲームパッドしか売っていません。稀に「Mac OS X対応」を謳っているゲームパッドも置いてありますが、実際に動かしてみると妙に誤動作をして更にガッカリしたりとか（経験済み）。 色々と試してみたのですが、最... -
東方VGSの収録曲数が100曲を超えてしまった。 いや、こんなに続くとは思ってなかったです。 記念に何かやろうと思ったけど、特に思いつかなかったので、どういう経緯で東方VGSが誕生したのか書いてみようと思います。 書き終わってみると、既視感みたいな感じのものをもの凄く...
現時点では
返信削除・自機の移動
・ショット発射
・敵の登場＋移動（まだ当たり判定なし）
という状態。
これぐらいなら60fps余裕ですね。
自機のショットと敵機の当たり判定を追加。
返信削除enchant.jsとWebAudioの両方とも、オーディオ周りの実装がかなり微妙な気がする。
同じオーディオリソースに対してplayをした時、直前の再生を止めてから鳴らすのが期待する動作だが、再生を無視するというクソ仕様（これはchromeのWebAudioの仕様）。
だから、再生する直前にstopをする必要があるが、一度もplayしていない状態だとenchant.jsがエラーになるため、無駄に実装の手数が増えてしまう。
実質、WebAudioが使えるのはchromeだけなので、この辺りはenchant.jsでよしなに実装していれば良さそうな気がするのですが。
まぁ、enchant.jsの方はMITで組み込んで使っているので、自分で直せば良いだけか。恐らく最新版へ追従していくより、無駄な機能を削ったり必要な機能を追加していった方が限界点が遠くなるのではないかと思い始める。
削除ホストティング先を suzukiplan.com から GitHub pages に変更しました。
返信削除これでゲームの更新が大幅に楽に成った（gitコマンドだけでできる）
しかし、状況報告にコメント欄を使っているけど、コメント数が伸びてきたらどうなるのかは未知数。私の記事に限らず、Bloggerで沢山コメントが付いている記事って見たことがないので。
返信削除・件数の上限とかあるのか
・最新から順に表示されるのだろうか
あたりが謎。
先日書いた同じオーディオリソースに対してplayをした時の動作が期待通りの結果になるようにenchant.jsを修正。まぁ、この調子でenchant.jsの都合の悪い実装部分は、コチラの都合の良い形にガシガシ修正していく方向で。
返信削除https://github.com/suzukiplan/html5-60fps-stg-demo/commit/0ead9d683b7eee090e2ab214372eb8245132dc73
本家のエンハンスやバグフィックスがあった時に取り込むのが面倒になりますが、まぁ良いでしょう。
敵の爆破処理を実装。
返信削除う〜ん...もうちょっと気持ちよくしたい。
私がSTGで一番凝らせたいのは、弾幕ではなく敵の爆破演出です。
ズッカン、ズッカン気持ち良く壊していける破壊の気持ち良さが必要なので、もうちょっと（というよりかなり）エフェクトは無駄に凝らせたい。単純に派手にすれば良いというものではないから難しい。
しかし、ブラウザでこのゲームを2インスタンス同時に起動してみたら、私のPC（MacBook Pro retinaの割と新しいヤツ）で、早くもフレーム落ちが散見されるなw（1インスタンスなら余裕だけど、2インスタンスだとハッキリわかる）
返信削除