p5.jsはいいぞ 〜Webサイトとしてデプロイ可能なクリエイティブコーディングのススメ〜 by 湯村 翼

フロントエンドカンファレンス北海道2024
採択
2024/08/24 18:15〜
カケハシ(8F)
LT(5分)
どさんこ(出身or在住)

p5.jsはいいぞ 〜Webサイトとしてデプロイ可能なクリエイティブコーディングのススメ〜

yumu19 湯村 翼 yumu19
4

 p5.jsは、Processing言語をベースにした、クリエイティブコーディングのためのJavaScriptライブラリです。簡単にグラフィックやアニメーションを生成し、Web上で動作するインタラクティブな作品を創出できます。Webエディタを利用すれば、環境構築なしに利用することができます。Webカメラやマイク、Web Serial APIなどを通じた外部デバイスとの連携も可能です。さらに、Googleの機械学習ライブラリMediaPipeを使い、物体認識や骨格認識などの機能をWebサイトに簡単に実装できます。
 LTでは、p5.jsの基本機能や活用事例を、実際のコード例を交えて紹介します。例えば、外部デバイス(M5Stack、toio)との連携、オーディオスペクトラムアナライザ、骨格情報を使用したゲームなどを取り上げる予定です。LTを通じて、p5.jsの可能性をお伝えできればと思います。