Yosuke Toyota
プライベートでの活動で、ビジュアルプログラミング・IoT・ロボットトイを扱う技術コミュニティ等を単独・共同で複数主催したり、技術系イベント等で登壇をしたりしています。そして、ガジェットが大好きで頻繁に購入しています。また、普段の勤務先は通信会社の研究所です。

【Akadako2 を利用】iPad で Grove接続のフルカラーLEDテープを光らせるテスト
iPad などで Grove接続のモジュールが使えるようになる Akadako2 を使い、iPad から Groveモジュール…

p5.js を使った色が変化しつつ波打つ曲線のアニメーション描画
p5.js を使った線の描画で、色が変化しつつ波打つような曲線のアニメーションを描画してみたものです

p5.js の WEBGLモードで 3D空間内を跳ね回る球体のパーティクル
以前作っていた、2D平面上で円のパーティクルが跳びはねて消える(重力方向に力を受けつつ跳ね回る)…

p5.js で描画した回転しつつ動く同心円を WEBGLモード上で歪めて表示させてみる
p5.js で描画した回転しつつ動く同心円(元は 2D描画だったもの)を、WEBGLモード上で三次元的に歪め…

p5.js の WEBGLモードの sphere() と三角関数を使った描画:生成過程を視点を変えて
p5.js の WEBGLモードの sphere() と三角関数を使った描画をやっていて、生成過程をアニメーションで…

p5.js の WEBGL モードで Box がたくさん並んだ中を走るアニメーションを 2視点で見る
p5.js の WEBGL モードで、Box がたくさん並んだ中を走る見た目のアニメーションを、走る物体の後ろ…

p5.js で WebAR(ARマーカーに紐付く 3つの描画領域を立体的に配置してみるテスト)
p5.js・AR.js・A-Frame を組み合わせた WebAR の試作で、ARマーカーを認識したら立体的な位置関係の …

p5.js用ライブラリ p5.simpleAR を使って過去に作った同心円などを使った作品で AR
p5.js で作った作品を簡単に ARマーカー上に出せるライブラリ「p5.simpleAR」を使って、過去に作った…

p5.js用ライブラリ p5.simpleAR で過去に作ったパーティクル作品をマーカー上に呼び出す
p5.js で作った作品を簡単に ARマーカー上に出せるライブラリ「p5.simpleAR」を使って、過去に作った…

p5.js で blendMode()・tint() などを組み合わせたグラデーションのランダム描画
p5.js で blendMode()・tint()・translate()・rotate()・ellipse() 等を使ったグラデーションの描画…

p5.js で norm()・dist()・三角関数などを使った描画
Twitter で見かけた Processing の作品の処理を理解するために、p5.js に書きかえてから、内容に手を…

ChatGPT API のサーバー送信イベント経由のデータを p5.js で画面上に随時表示させる
ChatGPT API(gpt-3.5-turbo)で「stream: true」にした際の、Server-Sent Events のデータを、p5.js…

ChatGPT API のサーバー送信イベント経由のデータを Node.js の Fetch で受信
ChatGPT API(gpt-3.5-turbo)で「stream: true」にした際の、Server-Sent Events のデータを、Node.…

Slack で ChatGPT(Bolt for JavaScript + ChatGPT API)
Bolt for JavaScript で実装した Slack の Bot で、ChatGPT が使える仕組みを、ChatGPT API を使って…

Discord で ChatGPT を使う(discord.js + ChatGPT API)
discord.js v14 で実装した Discord の Bot で、ChatGPT が使える仕組みを、ChatGPT API を使って試…

LINE上で ChatGPT とやりとりをする仕組み(LINE Bot + ChatGPT API)
ChatGPT API を使った仕組みを Node.js で実装したあと、それを LINE Bot用のプログラムに組み込んで…

コマンドラインツール上での ChatGPT とのやりとりに音声入力(音声認識)を使う
Node.js で ChatGPT API を使ったプログラムを作った後、その入力に音声を使えるようにしてみました…

ChatGPT との音声対話を ChatGPT API と p5.js で試す
ChatGPT API を使ったテキストのやりとりに、音声認識・音声合成を組み合わせて、ChatGPT とのやりと…

【2023年 正月🎍】トラの画像が粒子状になりウサギの画像に変化:p5.js・PixiJS で実装
JavaScript を使ったアニメーションで、2023年のお正月ネタ🎍 を作ってみました(描画ライブラリの…

「画像とテキストが細かく分解されて霧散する」という演出を p5.js で作成【試作版】
「画像とテキストが細かく分解されて霧散する」という見た目の演出を、 p5.js を利用した描画で作っ…

「テキストが細かく分解されて飛び散る(またはその逆)」という演出を p5.js で作成【試作版】
「テキストが細かく分解されて飛び散る」という見た目の演出を、 p5.js を利用した描画で作ってみる…

DualShock 4 と p5.js の組み合わせ(gamecontroller.js を利用)
DualShock 4 での操作と p5.js Web Editor上での描画を組み合わせました(Gamepad API用のライブラリ…

Scratch とハーフミラーで作る手作りスマートミラー(まだ着手してみたばかりの段階)
ハーフミラーを使ったスマートミラー的な作品を見かけることがありますが、それをいつか作ってみたい…

p5.js とハーフミラーで作る手作りスマートミラー(まだ着手してみたばかりの段階)
ハーフミラーを使ったスマートミラー的な作品を見かけることがありますが、それをいつか作ってみたい…

セリアで買った水晶のオブジェの下で LEDキャンドルを光らせてみる
セリアで見かけた水晶のオブジェの下で LEDキャンドルを光らせて、その光る色を変えてみたというもの…

M5Paper を使った名札(画像転送は UIFlow、3Dプリンタでストラップホール付ケースも)
M5Paper で名札を作り、とあるイベントで使ってみました。デバイスへの画像転送・表示切替に UIFlow …

カメラ映像の注目してほしい箇所に、視線を集められるかもしれないやつを Scratch で作った!
Scratch を使って作った、カメラ映像上にマンガの「集中線」を表示させられるものです。放射上にひろ…

カメラ映像の注目してほしい箇所に、視線を集められるかもしれないやつを p5.js で作った!
p5.js を使ってカメラ映像上にマンガで用いられる表現の「集中線」を表示させられるものです。放射上…

OBS のブレンドモードを使ったお手軽 VFX
OBS の 27.2 から、画像編集ソフトなどで行える「加算・減算・乗算・比較などのブレンドモードの処理…

すごく恐ろしいものの片鱗を味わったときの強い驚きを画面上で伝えられるかもしれない Scratch作品
すごく恐ろしいものの片鱗を味わったときに出るかもしれないセリフを使い、カメラ映像上で強い驚きを…