3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

格ゲー用のゲームコントローラーの入力を表示するインストール不要の配信ツール作ってみた

Posted at

こんな感じのを作ってみました

Image from Gyazo

デモはこちらから

そう!ブラウザのみでできます!

JavaScriptのAPIでGamepadというものがあったので、利用して作ってみました

ソースコードはこちらに
バージョンアップしていく過程でデモのURLが変わるかもなので、最新のURLはこちらを参考にお願いします

ゲームの裏で表示してても動作する

これできたらツールとして利用できるだろうなぁ~できたらいいなぁ~くらいに思ってたけども、実際できてびっくり

OBSなどの配信ツールでもインストール不要で利用できる

使い方

Image from Gyazo

Image from Gyazo

Image from Gyazo

Image from Gyazo

作って思ったこと、今後の展望

  • 正確じゃない
    • フレームレートを60にしているはずだが…
    • ボタンとボタンの押す間隔のフレーム数を表示していたが、実際のゲームのフレーム数と合わない
      • スト6のトレーニングモードと比べたが、結構な割合で1フレームずれる
    • 違うアプリでそれぞれで高速で数えているからちょっとのズレが発生するし、仕方ないかも
    • 1フレームしか入力しなかった情報が抜けてたりする
  • 必殺技などのコマンド(例えば波動拳の下、右下、右、パンチ)を固まりで表示したいがゲームの仕様によって変わってしまう

とうことがあったので、今後の方向性は正確じゃなくてもよいような表示方法で、ちょっとかっこいいとかのビジュアライズがいいのかもと思いました

ってなると既存にあったりするかも…って思ってしまったので、自作だからこそいいところをまとめてみると

  • ボタン配置とかを変えられる
    • 弱Kの下に別のボタンとか配置するコントローラーとかもあるので、そういったものにも対応できそう
    • 設定も簡単にできるようにしたい
  • 好きな見た目に
    • テーマカラーがあるのでって人とかにも

表示方法にリクエストあればください!

3
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?