このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン 前のリビジョン | |
p5js:12.serialport [2022/06/27 20:00] – baba | p5js:12.serialport [2022/06/28 08:17] (現在) – [Serial通信] baba |
---|
===== Serial通信 ===== | ===== Serial通信 ===== |
| {{:p5js:スクリーンショット_2022-06-28_8.17.24.png?nolink|}} |
ブラウザからSerial通信を行う場合は、[[https://developer.mozilla.org/en-US/docs/Web/API/Web_Serial_API|Web Serial API]]を利用します。p5.jsとは関係がなく、単純にjsで提供されている機能です。まずはこのWeb Serial APIを利用して、シリアル通信を確認します。ブラウザからデバイスにアクセスするには必ずユーザ操作がトリガーである必要が、セキュリテイの面から決められているので、ボタンを押してシリアル通信を行うプログラムにしておく必要があります。p5.js editorにひな形をおいておきますのでこちらを利用しましょう。 | ブラウザからSerial通信を行う場合は、[[https://developer.mozilla.org/en-US/docs/Web/API/Web_Serial_API|Web Serial API]]を利用します。p5.jsとは関係がなく、単純にjsで提供されている機能です。まずはこのWeb Serial APIを利用して、シリアル通信を確認します。ブラウザからデバイスにアクセスするには必ずユーザ操作がトリガーである必要が、セキュリテイの面から決められているので、ボタンを押してシリアル通信を行うプログラムにしておく必要があります。p5.js editorにひな形をおいておきますのでこちらを利用しましょう。 |
* https://editor.p5js.org/tetsuakibaba/sketches/EgLpDNrFq | * https://editor.p5js.org/tetsuakibaba/sketches/EgLpDNrFq |
| |
| |