Yosuke Toyota
プライベートでの活動で、ビジュアルプログラミング・IoT・ロボットトイを扱う技術コミュニティ等を単独・共同で複数主催したり、技術系イベント等で登壇をしたりしています。そして、ガジェットが大好きで頻繁に購入しています。また、普段の勤務先は通信会社の研究所です。
ブラウザのウィンドウの動きが p5.js の描画に影響を及ぼすものをシンプルな実装で試す
ブラウザのウィンドウの動きが p5.js の描画に影響を及ぼすものをシンプルな実装で試しました
2つのブラウザのウィンドウのうち一方を動かすと他方が影響を受ける仕組みを p5.js で雑に試す
「1つのブラウザをスクリーン上で動かした際に、それを画面内の描画に影響させる」、「2つのブラウザ…
LINE通知・アプリコミュニケーションのカスタマイザー「感覚でつながるメッセージングアクセサリー」
物理デバイスを使い、メッセージが来たことを音や振動でお知らせする作品です
指でつまんだ場所から空間をちょっと歪められる Webアプリの試作（ #p5js で実装 ）
指でつまんだ場所から空間をちょっと歪めるエフェクトを、p5.js と PixiJS の Filter を組み合わせて…
p5.js でグラデーションのかかったグローエフェクトを適用した複数のカラーオブジェクトの描画
p5.js でのグローエフェクトで、グラデーションを利用した明るさ調整（時間経過で回転）などを行った…
p5.js でグローエフェクトと明るさ・カラーのグラデーションを組み合わせる描画の試作
p5.js でグローエフェクトを適用するオブジェクトで、そのエフェクトの明るさ調整やカラーのグラデー…
#p5play の物理演算や #p5js の描画 #MediaPipe を組み合わせた試作
#p5play の物理演算エンジンを #p5js の描画に適用しつつ、さらに #MediaPipe で認識した手でインタ…
万華鏡写輪眼が開眼できる Webアプリ（p5.js ＋ MediaPipe）
MediaPipe の JavaScript版を使って、カメラ映像から虹彩を検出し、そこに p5.js のベジエ曲線などを…
An Electronic paper nameplate with M5Paper&UIFlow
M5Paper と UIFlow と Macアプリを組み合わせて、比較的手軽な手順で電子ペーパーの名札を作ったとい…
p5.js で魔法陣を作る：ルーン文字と円を描画してグローエフェクトを適用する
p5.js で円をユニコード文字のルーン文字を描画して、グローエフェクトを適用して魔法陣っぽいものを…
p5.js で手から複数の光る魔法陣を生成するアニメーションを作る
p5.js で手から複数の光る魔法陣が出てくるアニメーションを作りました。動きに緩急をつけるために、…
p5.js の vertex で形状変化のアニメーション（円と矩形）：複数のパラメータ違いの図形で
p5.js の vertex で円と矩形を使った形状変化のアニメーションを作りました。複数の異なるパラメータ…
p5.js で 3つの三角関数（sin・cos・tan）を使った円を動かす（グローエフェクト付）
p5.js でタンジェントを含む 3つの三角関数（sin・cos・tan）を使って円を動かしました（図形移動に…
p5.js で作るシンプルなロック解除パズルゲーム
ネットで見かけたロック解除パズルゲームの一番シンプルなステージを、p5.js でシンプルに実装してみ…
p5.js でカメラ映像中から toio のマットの領域を判別（ピクセルごとの色ベースでの判別）
p5.js でカメラ映像中から toio のマットの領域を判別してみたものです。ピクセルごとの色ベースの処…
p5.js で剣の色を変化させる（残像を残しつつ）：ピクセルごとの色ベースでの判別処理
元は緑ベースの色の剣を、カメラ映像に対するピクセルの色ベースの判別処理で、赤や青に変化させます…
p5.js でマウスを使ったインタラクション：イージングを適用した動きをする円を誘導する
p5.js を使った実装で、マウスカーソルを動かすと、その位置に向かって円が集まる（動きにはイージン…
MediaPipe「手のジェスチャー認識」と p5.js での引力が働くオブジェクトの描画の組合せ
MediaPipe「手のジェスチャー認識」と p5.js での描画を組み合わせました。描画の内容は、相互に引力…
Googleさんの MediaPipe の「手のジェスチャー認識」と p5.js の組み合わせ v2
Googleさんの MediaPipe の新機能「手のジェスチャー認識」を p5.js の描画と組み合わせました。ジェ…
Googleさんの MediaPipe の「手のジェスチャー認識」と p5.js の描画と組み合わせ
Googleさんの MediaPipe の新機能「手のジェスチャー認識」を p5.js の描画と組み合わせました。p5.j…
p5.js で SVGフィルターを使わない溶ける見た目のエフェクト（Goony Effect）
よく事例を見かける SVGフィルターを使って溶ける見た目のエフェクト（Goony Effect）を実現するので…
p5.js で数万個のパーティクルの描画を高速化（PIXI.ParticleContainer で）
p5.js で数万個のパーティクルの描画を高速化するために、PixiJS の PIXI.ParticleContainer を組み…
【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」を使って、過去に作った…
