1
0

More than 1 year has passed since last update.

【完走賞ゲット-6】「WebHID DualShock 4 Demo」というサイトを軽く試してみる

Posted at

はじめに

こちらは、完走賞ゲットのため小ネタを毎日投稿しようとチャレンジする Advent Calendar 2022 の 6日目の記事です。

内容は、DualShock 4 ワイヤレスコントローラーを使った、以下のサイトのお試しです。

●WebHID DualShock 4 Demo
 https://thebitlink.github.io/WebHID-DS4/

上記は、DualShock 4 を使った WebHID API のテストが行えるサイトのようです。

DualShock 4 について

こちら、toio を使った開発をいろいろ検討している話を @akichika さんに話した際に、お借りできる流れになった DualShock 4 の写真です。

DualShock 4 は使ったことがなく、今回が初使用です。
それで、軽く仕様を調べるところからやってみます。

DualShock 4 の仕様(GIGAZINE の情報)

DualShock 4 の仕様を確認してみようかと、「DualShock 4 の仕様」をキーワードにして検索をしてみました。
そこで、トップに出てきた以下の GIGAZINE の記事を見て、ざっくりと機能を見てみることにしました。

●PS4専用ワイヤレスコントローラー「DUALSHOCK 4」の機能・仕様詳細・画像まとめ - GIGAZINE
 https://gigazine.net/news/20130221-ps4-dualshock4/

以下に、気になった部分を取り上げてみます。

ライトバーについて

ライトバーについて

音に関する機能

音に関する機能

ハードウェアの仕様のコンパクトな記載

ハードウェアの仕様について、コンパクトに記載されている部分を見てみました。

ハードウェアの仕様のコンパクトな記載

DualShock 4 の仕様(公式情報)

また、公式の情報も見てみることにします。

公式情報1

公式情報2

WebHID DualShock 4 Demo で DualShock 4 を使う

それでは、上で掲載していたサイト「WebHID DualShock 4 Demo」で DualShock 4 を使ってみます。

WebHID DualShock 4 Demo のページを使ってみる

DualShock 4 を USB で PC に接続し、その状態で「WebHID DualShock 4 Demo」のページを軽く触ってみました。
WebHID DualShock 4 Demo

「Connect Controller」と書かれたボタンを押下してみます。
「Connect Controller」と書かれたボタンを押下
そこで「Wireless Controller」という表示が出てきているので、これを選んでみました。

そうすると、DualShock 4 のセンサー・ボタン等の情報をガッツリ取得できそうな表示が出てきました。

そして、「Webサイトからコントローラー方向の処理」や、その逆方向の処理を試してみました。

これは色々できて楽しそう!

終わりに

借り物の DualShock 4 で「WebHID DualShock 4 Demo」というサイトを使った WebHID のお試しをしてみました。

これは思った以上に色々できそうなので、さらに活用できればと思います!

余談

「WebHID + ゲームコントローラー」の組み合わせは、以前 Joy-Con との組み合わせを試したことがあったのですが、こちらもあらためて見直して見られればと思いました。

1
0
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
1
0