マイコンカー操作などのための、スマホ用バーチャルコントローラーです。(もちろん PC も対応しています)
https://twosquirrels.github.io/virtual-gamepad/ から HTML をダウンロードできますが、自分用に作ったので汎用性は低いかもしれません。気に入らない場合は Fork して改造してください。Pull Request 大歓迎です。
Tip
ジョイスティック部分は nippleJS を使っています。
シンプルな構成で作ったので、Web 初心者でも読みやすいかもしれません。コメントが少ないのはごめんなさい。
© 2024 TwoSquirrels
MIT License に従ってください。
- 以下の規格 の形式の HTTP リクエストを処理できるプログラムを走らせます。(参考: M5Atom によるマイコンカーのサンプル)
- 対象のサーバーのアドレスを確認します。
- 対象サーバー (マイコン等) のアドレスをブラウザで開きます。
- ジョイスティックの送信間隔 (デフォルト
100ドル~\mathrm{ms}$ ) を調整します。通信が詰まらない程度に小さくすることをおすすめします。 - A, B ボタンを使わない場合は隠します。
- 設定画面を閉じ、スワイプまたは WASD (+ Shift) で操作します。
Warning
github.io 上など HTTPS のページから HTTP のホストに対して通信をするとセキュリティエラーが出ます。これはブラウザの設定で対処することもできますが、API と同じホストで HTML を配信してそちらからページにアクセスすることを推奨します。
基本的にブラウザからアクセスされます。
ゲームパッドの HTML を返してください。HTML は https://twosquirrels.github.io/virtual-gamepad/ から最新の物をダウンロードできるようにすることをおすすめします。
ジョイスティックが操作されている時と WASD 操作している時に設定した間隔で、ジョイスティックの極座標が以下の形式で
-
aa: 右方向を0ドル$ として、そこから左回りで一周256ドル$ の偏角0ドル \leq \theta < 256$ の整数値を16ドル$ 進数2ドル$ 桁で表した文字列 -
ff: 中心を0ドル$ 、スティックの限界を255ドル$ とした動径0ドル \leq r < 256$ の整数値を16ドル$ 進数2ドル$ 桁で表した文字列 (WASD 操作の場合は Shift 押下時7Fとなります)
body は常に空です。
デバッグコンソールに表示されることを除けば、無視されます。
画面右側のボタンを押した時に、ボタンの中身に対応したパスに送信されます。body は常に空です。
デバッグコンソールに表示されることを除けば、無視されます。
- M5Atom によるマイコンカーのサンプル
- その他のサンプル募集中!
Site Builder: Vite
Languages: HTML, JavaScript, CSS
Design: sanitize.css
Package Manager: pnpm
Hosting: GitHub Pages