#webhid search results
【ブラウザで Mac の 開閉の角度を取得( #WebHID APIを利用)して、角度を #p5js で可視化してみた!】 @samhenrigold さんのリポジトリを見てみたら、パネルのヒンジの角度を HID で取得する実装のようだったので、 Chrome上の HTML+JavaScript で実装してみた! WebHID + p5.js の組み合わせ!
Did you know your MacBook has a sensor that knows the exact angle of the screen hinge? It’s not exposed as a public API, but I figured out a way to read it and make it sound like an old wooden door.
I see a PS5 controller for the next presentation in the JS DevRoom. I'm really enjoying the JS room so far. #fosdem23 . #WebHID
This is my take on the "OLED Vector Scope" Driven from chrome, running a #webhid page to #rv003usb running on a 10 cent #ch32v003 #riscv driving with DMA. I have to find a way to to record this, since there's no real flicker exception with motion. github.com/cnlohr/oledsco…
Grokと相談しながら、web-hid=>midiが出来た。これでMAXを使わなくてもAbleton-Live!の制御ができそうな気がする。 #webhid #webmidi #winmax2 #abletonlive #Grok3
今日の #iotlt で話をした #WebHID APIのデモ。 MacBookのキーボードバックライトをブラウザから制御できるという 個人的に衝撃的なやつです。 デモサイト作って#DDRの音楽でデジタルアートっぽい表現できた。 #javascript #p5js
It's not a #GDESummit after party unless someone somewhere has their laptop open and showing some pretty impressive stuff. @denladeside, @html5test and some amazing #WebHID hardware demos😊
Nintendo Switch の Joy-Con の傾きを、ブラウザのデバイス系API で扱う簡単なテスト まずは #p5js で描画した線の向きを連動させてみました! ボタン押下を扱うなら Gamepad API でもできるのだけど、センサーを使って傾きを扱うことはできないので、 #WebHID をベースにした仕組みで実装した形
..last but not least: The language pack - such a great idea! I am looking forward to making some cool #WebHID demos using the analog inputs 🤖 awesome job, @WootingKB !!! 4/4
Thanks @thejsnation for having me! Here are the slides for my talk about #webhid: mefody.dev/talks/webhid/
PS4用コントローラー「DUALSHOCK 4」と #p5js の描画を組み合わせてみた! ブラウザの #WebHID API を使ってコントローラーの傾きを取得し、その傾きの値と p5.js で描画した線の向きとを連動させています (※ WebHID-DS4 というライブラリを利用)
#WebHID API で DUALSHOCK 4 を使う準備 ●【小ネタ】ブラウザで PS4用コントローラー「DUALSHOCK 4」を扱う下準備: WebHID API と WebHID-DS4 - Qiita qiita.com/youtoy/items/d…
qiita.com
【小ネタ】ブラウザで PS4用コントローラー「DUALSHOCK 4」を扱う下準備: WebHID API と WebHID-DS4 - Qiita
はじめに 今まで、ブラウザで PS4用コントローラー「DUALSHOCK 4」を扱える API を試したり、記事を書いたりしたことがありました。 以下は 1年以上前の話になってはしまいますが、「DUALSHOCK 4」をブラウザで扱うというのを「Gamepad API」「...
I tried to link the tilt of the Nintendo Switch Joy-Con with the height of the sphere drawn with @BabylonJS ! Gamepad API can handle Joy-Con button presses, but it can't handle the tilt using the sensor, so I used #WebHID API in my #BabylonJS code.
Nintendo Switch の Joy-Con の傾きを、ブラウザのデバイス系API で扱う簡単なテスト2 p5.js の次は #BabylonJS で、球の高さと連動させてみた! ボタン押下を扱うなら Gamepad API でもできるのだけど、センサーを使って傾きを扱うことはできないので #WebHID をベースにしたのは前と同様です
#p5js + #WebHID で MacBook の画面開閉の角度を可視化する件(※ 元ネタあり) @ProtoPedianet にも登録してみた! #ProtoPedia
#ProtoPedia で新しい作品が投稿されたよ。 気になるね。 ↓ 作品名「MacBook の画面の開閉を可視化:Web HID API で取得して p5.js で可視化する」 by @youtoy ift.tt/aFtDQgm
protopedia.net
MacBook の画面の開閉を可視化:Web HID API で取得して p5.js で可視化する
X で見た MacBook のパネルのヒンジの角度を Macアプリで使うという作品について、コードを見たら HID で取得する実装のようだったので、ブラウザの Web HID API で使ってみました
【ブラウザで Mac の 開閉の角度を取得( #WebHID APIを利用)して、角度を #p5js で可視化してみた!】 @samhenrigold さんのリポジトリを見てみたら、パネルのヒンジの角度を HID で取得する実装のようだったので、 Chrome上の HTML+JavaScript で実装してみた! WebHID + p5.js の組み合わせ!
Did you know your MacBook has a sensor that knows the exact angle of the screen hinge? It’s not exposed as a public API, but I figured out a way to read it and make it sound like an old wooden door.
[Getting the Mac’s lid angle in the browser (using #WebHID API) & visualizing with #p5js] Checked out @samhenrigold ’s repo and saw it retrieves the hinge angle via HID, so I tried implementing it in HTML + JavaScript on Chrome! (Web HID API + p5.js)
Did you know your MacBook has a sensor that knows the exact angle of the screen hinge? It’s not exposed as a public API, but I figured out a way to read it and make it sound like an old wooden door.
良いコントローラー発見! WebHIDで接続を確認! Min-Con WebHID on GitHubとしてまとめました fukuno.jig.jp/4713 #WebHID
fukuno.jig.jp
ちっちゃいBluetoothコントローラーをウェブアプリに接続、Mini-Con WebHID
ゲームづくりを楽しむなら良いコントローラーが欲しいところ。安くて、いい感じのコントローラーを発見。接続に成功しました!「アローン(Allone)参考価格1,714円」をつないで、ボタンの動作確認をしたところ。加速度や、ジャイロも取得できる。...
Grokと相談しながら、web-hid=>midiが出来た。これでMAXを使わなくてもAbleton-Live!の制御ができそうな気がする。 #webhid #webmidi #winmax2 #abletonlive #Grok3
💻🛠️ウェブブラウザとハードウェアの関係🛠️💻 WebHID、WebSerial、WebUSB、Web Bluetooth… これらのAPIがなぜ重要なのか? ウェブアプリから直接ハードウェアを操作する技術の可能性について書きました。 👇 詳しくはこちら! eisbahn.jp/yoichiro/2025/… #WebHID #WebSerial #WebUSB #WebBluetooth
github.com/okathira-dev/c… こんな感じで #WebHID を使っての複数キーボード識別にチャレンジしたけど、ブラウザのセキュリティ的にだめっぽいので断念 developer.chrome.com/docs/capabilit…
New tool alert! A website now allows users to recalibrate DualShock analog sticks using WebHID, using previously undocumented HID commands for DS4 and DualSense controllers. #gaming #tech #WebHID bit.ly/49v7SQV
micro:bit の処理(MakeCode で LEDテープの制御・シリアル通信の受信などを実装)と、ブラウザの Web Serial API の送信処理、 それと Joy-Con + ブラウザの #WebHID API の処理を組み合わせてみた! #p5js Web Editor上で、Joy-Con の傾きと LEDテープの点灯数が連動する処理を実装してみたもの
ブラウザの Web Serial API を使い、 #p5js の mouseX の値を元にした数値を micro:bit にシリアル通信で送信 そして micro:bit側でフルカラーLEDテープの点灯する数を変化させるというお試し ※ micro:bit側の実装は MakeCode によるブロックプログラミング わりと良い感じの反応速度になってる!
以下の組み合わせでやってた、お試しの続き ・ブラウザの #WebHID + Nintendo Switch の Joy-Con ・ブラウザの Web Bluetooth API + #toio との組み合わせ( ライブラリは #p5js + #p5toio ) 上記の Joy-Con を、PS4用コントローラー「DUALSHOCK 4」に変更したバージョンをやってみた!
ブラウザの #WebHID で Nintendo Switch の Joy-Con を扱うのが楽しくなってきたので、 #toio との組み合わせも試してみる toio の制御は、 @tetunori_lego さんの #p5toio を使い、まずは Joy-Con の傾きを toio の回転速度と連動させるようなシンプルなお試しからやってみた! #p5js
PS4用コントローラー「DUALSHOCK 4」と #p5js の描画を組み合わせてみた! ブラウザの #WebHID API を使ってコントローラーの傾きを取得し、その傾きの値と p5.js で描画した線の向きとを連動させています (※ WebHID-DS4 というライブラリを利用)
#WebHID API で DUALSHOCK 4 を使う準備 ●【小ネタ】ブラウザで PS4用コントローラー「DUALSHOCK 4」を扱う下準備: WebHID API と WebHID-DS4 - Qiita qiita.com/youtoy/items/d…
qiita.com
【小ネタ】ブラウザで PS4用コントローラー「DUALSHOCK 4」を扱う下準備: WebHID API と WebHID-DS4 - Qiita
はじめに 今まで、ブラウザで PS4用コントローラー「DUALSHOCK 4」を扱える API を試したり、記事を書いたりしたことがありました。 以下は 1年以上前の話になってはしまいますが、「DUALSHOCK 4」をブラウザで扱うというのを「Gamepad API」「...
#WebHID API で DUALSHOCK 4 を使う準備 ●【小ネタ】ブラウザで PS4用コントローラー「DUALSHOCK 4」を扱う下準備: WebHID API と WebHID-DS4 - Qiita qiita.com/youtoy/items/d…
qiita.com
【小ネタ】ブラウザで PS4用コントローラー「DUALSHOCK 4」を扱う下準備: WebHID API と WebHID-DS4 - Qiita
はじめに 今まで、ブラウザで PS4用コントローラー「DUALSHOCK 4」を扱える API を試したり、記事を書いたりしたことがありました。 以下は 1年以上前の話になってはしまいますが、「DUALSHOCK 4」をブラウザで扱うというのを「Gamepad API」「...
ブラウザの #WebHID で Nintendo Switch の Joy-Con を扱うのが楽しくなってきたので、 #toio との組み合わせも試してみる toio の制御は、 @tetunori_lego さんの #p5toio を使い、まずは Joy-Con の傾きを toio の回転速度と連動させるようなシンプルなお試しからやってみた! #p5js
Nintendo Switch の Joy-Con を、ブラウザのデバイス系API #WebHID で、2台同時に扱ってみた話の続き 自宅には Joy-Con が全部で 4台あるので、 #p5js の線の描画の向きとコントローラーの傾きとを連動させるお試しを、それら全てを使ってやってみた!
Nintendo Switch の Joy-Con を手首に固定できるアイテム! (近所のコンビニ宛でなく自宅にて受け取り) #WebHID を使って #BabylonJS や #p5js の描画との連動を試すのには、とりあえずはリングフィットアドベンチャーのレッグバンドで手首装着をしてたけど、これで良い感じにできそうな気がする!
Continuation of the trial of handling the Nintendo Switch Joy-Con with the browser API #WebHID . Initially, the tilt support range was 0-180 degrees, but now it is 360 degrees, linking the rotation of the controller worn in the hand with the height of the sphere. #BabylonJS
Nintendo Switch の Joy-Con を、ブラウザのデバイス系API #WebHID で 2台同時に扱ってみる #p5js を使ってやっていたお試しに少し手を加え、描画した線の向きをとの連動というのは同じで、連動して動く線を 2本にし、それぞれを L とR の Joy-Con に対応させるようにしてみた
Nintendo Switch の Joy-Con を手に装着し、手の回転(コントローラーの傾き)を #p5js で描画した線の向きに連動させてみた! 当初のものと同様に、ブラウザの API #WebHID を使ってます 傾きの対応範囲が 0-180度になってしまってたので、それを 360度対応にして、このお試しをやってみました
Nintendo Switch の Joy-Con を手に装着し、その手の回転(コントローラーの傾き)を、 #BabylonJS で描画した球の高さと連動させてみた! ブラウザのデバイス系API の #WebHID を使って実装した当初のバージョンが 0-180度の回転に対応となってしまってたので、360度の回転に対応させる修正もしつつ
Continuation of the trial of handling the Nintendo Switch Joy-Con with the browser API #WebHID . Initially, the tilt support range was 0-180 degrees, but now it is 360 degrees, linking the rotation of the controller worn in the hand with the height of the sphere. #BabylonJS
Continuation of the trial of handling the Nintendo Switch Joy-Con with the browser API #WebHID . Initially, the tilt support range was 0-180 degrees, but now it is 360 degrees, linking the rotation of the controller worn in the hand with the height of the sphere. #BabylonJS
Nintendo Switch の Joy-Con の傾きを、ブラウザのデバイス系API で扱う簡単なテスト2 p5.js の次は #BabylonJS で、球の高さと連動させてみた! ボタン押下を扱うなら Gamepad API でもできるのだけど、センサーを使って傾きを扱うことはできないので #WebHID をベースにしたのは前と同様です
..last but not least: The language pack - such a great idea! I am looking forward to making some cool #WebHID demos using the analog inputs 🤖 awesome job, @WootingKB !!! 4/4
There are many "customizable" keyboards, do you know that? Chromium 89 or higher is providing WebHID API. Remap allows you to customize such keyboard including key mappings and LEDs using the WebHID! #webhid #remap remap-keys.app
Thanks @thejsnation for having me! Here are the slides for my talk about #webhid: mefody.dev/talks/webhid/
I see a PS5 controller for the next presentation in the JS DevRoom. I'm really enjoying the JS room so far. #fosdem23 . #WebHID
It's not a #GDESummit after party unless someone somewhere has their laptop open and showing some pretty impressive stuff. @denladeside, @html5test and some amazing #WebHID hardware demos😊
Выступил офлайн на #HolyJS: был ведущим, спикером и экспертом. Слайды моего доклада про #WebHID — способе управлять USB-устройствами прямо из браузера: mefody.github.io/talks/webhid/h…
Mac にペアリングした Joy-Con + #WebHID を使い、Chrome で開いた以下の URL のページから Felicia を読み取れた感じが! 今回、Joy-Con の NFCリーダーの位置を、初めて知ったw(amiibo を使ったことがなかったりで) Joy-Con Operation Tester | Joy-Con with WebHID aka256.github.io/joycon-webhid/…
WebHID Demo: Elgato Stream Deck Daft Punk Soundboard 🔗 bram.us/2021/02/12/web… 🏷 #DaftPunk #StreamDeck #webhid
Polished the code a bit so now it's ready so share! 🎮 Demo: …deck-daft-punk-soundboard.netlify.app 💾 Source Code: github.com/bramus/webhid-… 📝 Instructions on how to connect your Stream Deck: github.com/bramus/webhid-… #WebHID #DaftPunk #Soundboard #ElgatoStreamDeck
🕺🐡 #WebHID is fun and easy - just did a quick 'driver' and demo for some older @3Dconnexion devices - will do a HowTo post later, but here is a sneak preview of the (beta) code: github.com/larsgk/webhid-… /cc @kennethrohde @reillyeon @Vincent_Scheib @tomayac
github.com/okathira-dev/c… こんな感じで #WebHID を使っての複数キーボード識別にチャレンジしたけど、ブラウザのセキュリティ的にだめっぽいので断念 developer.chrome.com/docs/capabilit…
Nintendo Switch の Joy-Con を手首に固定できるアイテム! (近所のコンビニ宛でなく自宅にて受け取り) #WebHID を使って #BabylonJS や #p5js の描画との連動を試すのには、とりあえずはリングフィットアドベンチャーのレッグバンドで手首装着をしてたけど、これで良い感じにできそうな気がする!
Continuation of the trial of handling the Nintendo Switch Joy-Con with the browser API #WebHID . Initially, the tilt support range was 0-180 degrees, but now it is 360 degrees, linking the rotation of the controller worn in the hand with the height of the sphere. #BabylonJS
Something went wrong.
Something went wrong.
United States Trends
- 1. Sunderland 129K posts
- 2. Penn State 9,236 posts
- 3. Arsenal 221K posts
- 4. St. John 7,111 posts
- 5. Texas Tech 10.7K posts
- 6. Gus Johnson N/A
- 7. Mendoza 8,492 posts
- 8. Jeremiah Smith 2,041 posts
- 9. #iufb 1,669 posts
- 10. #SUNARS 12.8K posts
- 11. Philon 1,646 posts
- 12. Raya 25.4K posts
- 13. #GoDawgs 3,910 posts
- 14. Julian Sayin 1,034 posts
- 15. Trossard 19.8K posts
- 16. Happy Valley N/A
- 17. Carnell Tate N/A
- 18. Charlie Becker N/A
- 19. Shapen N/A
- 20. Nate Frazier N/A