logo

profile

Yosuke Toyota

@youtoy

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

  • facebook
  • twitter
  • github
  • qiita
  • youtube
image

【Akadako2 を利用】iPad で Grove接続のフルカラーLEDテープを光らせるテスト

iPad などで Grove接続のモジュールが使えるようになる Akadako2 を使い、iPad から Groveモジュール…

開発中 visibility 43 thumb_up_alt 0 comment 0
image

p5.js を使った色が変化しつつ波打つ曲線のアニメーション描画

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

開発中 visibility 40 thumb_up_alt 0 comment 0
image

p5.js の WEBGLモードで 3D空間内を跳ね回る球体のパーティクル

以前作っていた、2D平面上で円のパーティクルが跳びはねて消える(重力方向に力を受けつつ跳ね回る)…

開発中 visibility 27 thumb_up_alt 0 comment 0
image

p5.js で描画した回転しつつ動く同心円を WEBGLモード上で歪めて表示させてみる

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

開発中 visibility 57 thumb_up_alt 0 comment 0
image

p5.js の WEBGLモードの sphere() と三角関数を使った描画:生成過程を視点を変えて

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

開発中 visibility 45 thumb_up_alt 0 comment 0
image

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

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

開発中 visibility 45 thumb_up_alt 0 comment 0
image

p5.js で WebAR(ARマーカーに紐付く 3つの描画領域を立体的に配置してみるテスト)

p5.js・AR.js・A-Frame を組み合わせた WebAR の試作で、ARマーカーを認識したら立体的な位置関係の …

開発中 visibility 72 thumb_up_alt 0 comment 0
image

p5.js用ライブラリ p5.simpleAR を使って過去に作った同心円などを使った作品で AR

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

開発中 visibility 96 thumb_up_alt 0 comment 0
image

p5.js用ライブラリ p5.simpleAR で過去に作ったパーティクル作品をマーカー上に呼び出す

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

開発中 visibility 84 thumb_up_alt 0 comment 0
image

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

p5.js で blendMode()・tint()・translate()・rotate()・ellipse() 等を使ったグラデーションの描画…

開発中 visibility 74 thumb_up_alt 0 comment 0
image

p5.js で norm()・dist()・三角関数などを使った描画

Twitter で見かけた Processing の作品の処理を理解するために、p5.js に書きかえてから、内容に手を…

開発中 visibility 49 thumb_up_alt 0 comment 0
image

ChatGPT API のサーバー送信イベント経由のデータを p5.js で画面上に随時表示させる

ChatGPT API(gpt-3.5-turbo)で「stream: true」にした際の、Server-Sent Events のデータを、p5.js…

開発中 visibility 156 thumb_up_alt 0 comment 0
image

ChatGPT API のサーバー送信イベント経由のデータを Node.js の Fetch で受信

ChatGPT API(gpt-3.5-turbo)で「stream: true」にした際の、Server-Sent Events のデータを、Node.…

開発中 visibility 231 thumb_up_alt 1 comment 0
image

Slack で ChatGPT(Bolt for JavaScript + ChatGPT API)

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

開発中 visibility 241 thumb_up_alt 0 comment 0
image

Discord で ChatGPT を使う(discord.js + ChatGPT API)

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

開発中 visibility 955 thumb_up_alt 0 comment 0
image

LINE上で ChatGPT とやりとりをする仕組み(LINE Bot + ChatGPT API)

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

開発中 visibility 375 thumb_up_alt 0 comment 0
image

コマンドラインツール上での ChatGPT とのやりとりに音声入力(音声認識)を使う

Node.js で ChatGPT API を使ったプログラムを作った後、その入力に音声を使えるようにしてみました…

開発中 visibility 160 thumb_up_alt 0 comment 0
image

ChatGPT との音声対話を ChatGPT API と p5.js で試す

ChatGPT API を使ったテキストのやりとりに、音声認識・音声合成を組み合わせて、ChatGPT とのやりと…

開発中 visibility 257 thumb_up_alt 1 comment 0
image

【2023年 正月🎍】トラの画像が粒子状になりウサギの画像に変化:p5.js・PixiJS で実装

JavaScript を使ったアニメーションで、2023年のお正月ネタ🎍 を作ってみました(描画ライブラリの…

開発中 visibility 185 thumb_up_alt 0 comment 0
image

「画像とテキストが細かく分解されて霧散する」という演出を p5.js で作成【試作版】

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

開発中 visibility 272 thumb_up_alt 0 comment 0
image

「テキストが細かく分解されて飛び散る(またはその逆)」という演出を p5.js で作成【試作版】

「テキストが細かく分解されて飛び散る」という見た目の演出を、 p5.js を利用した描画で作ってみる…

開発中 visibility 370 thumb_up_alt 2 comment 4
image

DualShock 4 と p5.js の組み合わせ(gamecontroller.js を利用)

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

開発中 visibility 85 thumb_up_alt 0 comment 0
image

Scratch とハーフミラーで作る手作りスマートミラー(まだ着手してみたばかりの段階)

ハーフミラーを使ったスマートミラー的な作品を見かけることがありますが、それをいつか作ってみたい…

開発中 visibility 80 thumb_up_alt 0 comment 0
image

p5.js とハーフミラーで作る手作りスマートミラー(まだ着手してみたばかりの段階)

ハーフミラーを使ったスマートミラー的な作品を見かけることがありますが、それをいつか作ってみたい…

開発中 visibility 189 thumb_up_alt 0 comment 0
image

セリアで買った水晶のオブジェの下で LEDキャンドルを光らせてみる

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

開発中 visibility 69 thumb_up_alt 0 comment 0
image

M5Paper を使った名札(画像転送は UIFlow、3Dプリンタでストラップホール付ケースも)

M5Paper で名札を作り、とあるイベントで使ってみました。デバイスへの画像転送・表示切替に UIFlow …

開発中 visibility 286 thumb_up_alt 2 comment 0
image

カメラ映像の注目してほしい箇所に、視線を集められるかもしれないやつを Scratch で作った!

Scratch を使って作った、カメラ映像上にマンガの「集中線」を表示させられるものです。放射上にひろ…

開発中 visibility 46 thumb_up_alt 0 comment 0
image

カメラ映像の注目してほしい箇所に、視線を集められるかもしれないやつを p5.js で作った!

p5.js を使ってカメラ映像上にマンガで用いられる表現の「集中線」を表示させられるものです。放射上…

開発中 visibility 138 thumb_up_alt 0 comment 0
image

OBS のブレンドモードを使ったお手軽 VFX

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

開発中 visibility 195 thumb_up_alt 0 comment 0
image

すごく恐ろしいものの片鱗を味わったときの強い驚きを画面上で伝えられるかもしれない Scratch作品

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

開発中 visibility 56 thumb_up_alt 1 comment 0