p5js:12.serialport [Design Workshop]

p5js:12.serialport

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

--- p5js:12.serialport [2022/06/27 17:33] – baba
+++ p5js:12.serialport [2022/06/28 08:17] (現在) – [Serial通信] baba
@@ 行 1: / 行 1: @@
-====== Serial通信 ======
+===== Serial通信 =====
-Web Serial APIを利用することでブラウザからでもシリアル通信を行うことができます。ブラウザからデバイスにアクセスするには必ずユーザ操作がトリガーである必要が、セキュリテイの面から決められているので、ボタンを押してシリアル通信を行うプログラムにしておく必要があります。p5.js editorにひな形をおいておきますのでこちらを利用しましょう。
+{{: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にひな形をおいておきますのでこちらを利用しましょう。
   * https://editor.p5js.org/tetsuakibaba/sketches/EgLpDNrFq

/home/users/2/lolipop.jp-4404d470cd64c603/web/ws/data/attic/p5js/12.serialport.1656318827.txt.gz
最終更新: 2022/06/27 17:33
by baba