https://ws.tetsuakibaba.jp/ 2026-04-15T05:31:03+00:00 https://ws.tetsuakibaba.jp/ https://ws.tetsuakibaba.jp/lib/tpl/bootstrap3/images/favicon.ico text/html 2022-09-02T08:28:23+00:00 Anonymous (anonymous@undisclosed.example.com) https://ws.tetsuakibaba.jp/doku.php?id=p5js:tips:ble%E3%81%AE%E8%BB%A2%E9%80%81%E9%80%9F%E5%BA%A6&rev=1662074903&do=diff BLEの転送 BLE通信を行っていると、データ転送量や電波状況の問題でデータ遅延等が起こることがよくあります。p5.jsとの連携において、カメラ画像をcanvasに描画をしたうえで、ORPHE COREを2つつなげるとデータ遅延が生じる現象が起きたのでここに覚書として残しておきます。 text/html 2021-03-09T02:35:23+00:00 Anonymous (anonymous@undisclosed.example.com) https://ws.tetsuakibaba.jp/doku.php?id=p5js:tips:canvas%E3%81%8C%E3%82%B9%E3%83%9E%E3%83%9B%E3%81%A0%E3%81%91%E8%A1%A8%E7%A4%BA%E3%81%95%E3%82%8C%E3%81%AA%E3%81%84&rev=1615224923&do=diff canvasにスマホだけ表示されない PCやタブレットでは表示されるが、スマホになるとcanvasサイズは確保されるがなにも表示されない。ということがありました。p5を利用していると、createCanvasやcreateGraphicsを用いて描画バッファを作成しますが、iOSのsafariからはなにも表示されなくなります。これはcanvasサイズによって生じます。javaconsoleで確認するとwarningでcanvasサイズが大きすぎるよと注意されているので、この場合はcanvasサイズを小さくしておきましょう。ただし馬場の環境では… text/html 2021-05-18T21:51:45+00:00 Anonymous (anonymous@undisclosed.example.com) https://ws.tetsuakibaba.jp/doku.php?id=p5js:tips:canvas%E3%81%AE%E5%8B%95%E7%94%BB%E4%BF%9D%E5%AD%98&rev=1621342305&do=diff canvasを動画で保存する 一番簡単なやり方は動画部分をquicktime等で画面ごと録画するのがよいでしょう． ただ動画サイズをぴっちりあわせたかったり，目的とする箇所だけ録画したい場合は，プログラム上で録画をするとお手軽です．以下にテンプレートをおいておきます． text/html 2021-06-29T14:19:05+00:00 Anonymous (anonymous@undisclosed.example.com) https://ws.tetsuakibaba.jp/doku.php?id=p5js:tips:canvas%E5%86%85%E3%81%AE%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%82%AF%E3%83%AA%E3%83%83%E3%82%AF%E3%81%A7%E6%96%B0%E8%A6%8F%E3%83%9A%E3%83%BC%E3%82%B8&rev=1624943945&do=diff Canvas内のテキストをクリックして，新規ページを開く Canvasは視覚表現にはとても便利ですが，例えばcanvas内のオブジェクトをクリックすることで別ページに飛ぶ．といったhtml特有の振る舞いをさせるためには少し手間をかけないといけません．通常はhtml要素でまかなえることは極力html要素に実装するのがよいですが，canvas内のオブジェクトをhtmlのhref要素のように振る舞わせたい場合もあるでしょう．このページではcanvas上に描画された任意のテキストをクリックすることで，指定したページを開くコードを記述します．… text/html 2021-05-06T16:55:36+00:00 Anonymous (anonymous@undisclosed.example.com) https://ws.tetsuakibaba.jp/doku.php?id=p5js:tips:drawingcontext&rev=1620287736&do=diff drawingContext なんかよくわかんないけどこれ使うと描画したグラフィックにきれいな影とかグローが簡単につけられるんで，覚えといて損はないぜ！！っていうページ． いちいち紹介するまでもなく，まずは以下のページをcheckしよう． text/html 2021-03-09T02:35:33+00:00 Anonymous (anonymous@undisclosed.example.com) https://ws.tetsuakibaba.jp/doku.php?id=p5js:tips:%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E5%88%A4%E5%AE%9A&rev=1615224933&do=diff ブラウザを判定する 音声認識はchromeでしか使えないなど、ユーザに対して指定のブラウザをお願いしたい場合 text/html 2021-03-09T02:35:53+00:00 Anonymous (anonymous@undisclosed.example.com) https://ws.tetsuakibaba.jp/doku.php?id=p5js:tips:%E5%8B%95%E7%9A%84%E3%81%AAhtml%E3%82%BF%E3%82%B0%E7%94%9F%E6%88%90&rev=1615224953&do=diff 動的なhtmlタグの生成 p5.jsに限らすjsでは動的にhtmlタグを生成できます。例えばプログラムの配列サイズ・内容に応じてselect optionを生成するなどが可能です。p5jsの場合は、生成したタグの変数に対してparentメソッドが用意されています。例えば <iframe src="https://editor.p5js.org/tetsuakibaba/sketches/TqxIReNCZ" width=100% height=500px> </iframe> text/html 2021-07-18T11:21:21+00:00 Anonymous (anonymous@undisclosed.example.com) https://ws.tetsuakibaba.jp/doku.php?id=p5js:tips:%E8%A4%87%E6%95%B0canvas&rev=1626574881&do=diff 複数キャンバス p5の最初のtemplateではcanvasを複数枚準備することができません。初期状態ではp5インスタンスがglobalで宣言するためです。そこで、p5インスタンスにたいして個別の定義（setup, draw)を準備してあげることで、複数枚のキャンバスを準備することができます。以下サンプルです。 text/html 2021-04-28T10:14:51+00:00 Anonymous (anonymous@undisclosed.example.com) https://ws.tetsuakibaba.jp/doku.php?id=p5js:tips:%E8%A4%87%E6%95%B0%E3%82%AB%E3%83%A1%E3%83%A9%E3%81%AE%E8%AA%AD%E8%BE%BC&rev=1619572491&do=diff 複数カメラの読込 カメラが複数ある場合、どのようにやればよいかp5.jsだけでは良い解決方法がないのが現状です。 ここで示すサンプルは deviceIdというめちゃんこ長い識別文字列を直接指定する方法です。最初に一度 実行して、console.logに表示されるdeviceIdを利用してください。 text/html 2021-07-22T00:44:21+00:00 Anonymous (anonymous@undisclosed.example.com) https://ws.tetsuakibaba.jp/doku.php?id=p5js:tips:%E6%96%87%E5%AD%97%E3%81%A8%E6%84%9F%E6%83%85&rev=1626882261&do=diff 自然言語処理で感情を 入力したテキストや喋ったテキストから感情みたいなものを読みたい。っていうのが学生の要望としてよくあるので情報を忘れないうちにメモ。 * <https://tetraup.com/feed/development/backend/nlp-train/> * <http://www.lr.pi.titech.ac.jp/~takamura/pndic_en.html> これにあとはkuromoji.js をやっとけばほぼOK.