Nintendo Switch の Joy-Con の傾きを p5.js の描画と連動させる
Nintendo Switch の Joy-Con の傾きを WebHID API で取得して、それを p5.js の線の描画の向きと連動…
開発中
54
0
0
Vanta.js の BIRDS の描画を p5.js に取り込んでカメラ画像の描画などと組み合わせ
Vanta.js というライブラリのエフェクトの1つ「BIRDS」を p5.js でのカメラ画像の描画などと組み合わ…
開発中
106
0
0
音を奏でて toio を動かす！（p5.js・ml5.js・p5.toio を用いたバージョン）
以前 2020年に、つくばや東京のメーカーフェアに出展した「音で toio を操る作品」の、実装をある AP…
開発中
123
0
0
p5play の物理演算エンジンと p5.js のカスタムシェーダーでのグローエフェクト
p5play の物理演算エンジンを使って行った p5.js の描画で、円弧の形状の床の上を転がる円に createF…
開発中
129
0
0
炎を召喚したり操ったりする能力を身につけた気になれるWebアプリ：p5.jsでカスタムシェーダー
p5.jsの「createFilterShader()」でのカスタムシェーダーで、ゆらめく炎の見た目を作り、さらにカメ…
開発中
76
0
0
p5.js のカスタムシェーダーによる炎の描画を規則的に配置して時間変化させる
p5.js の createFilterShader() を使ったカスタムシェーダーによる炎の描画を、規則的に配置して時間…
開発中
63
0
0
p5.js のカスタムシェーダーによる炎の描画にブラーフィルター・2重表示などを組み合わせる
p5.js の createFilterShader() を使ったカスタムシェーダーによる炎の描画に、ブラーフィルター・2…
開発中
71
0
0
太陽を召喚する能力を得た気分になれる Webアプリ（Babylon.js ＋ p5.js で実装）
Babylon.js の Particle Helper を使った描画を p5.js の WEBGLモードのキャンバスに描画し、p5.js側…
開発中
107
1
0
手から炎を出す能力を身につけた気になれるかもしれないWebアプリ：p5.jsでカスタムシェーダー
p5.jsのフィルター用シェーダー「createFilterShader()」でのカスタムシェーダーで、ゆらめく炎みた…
開発中
139
0
0
p5.js の WEBGLモードのキャンバスで三角関数の揺れなどを加えた舞い散る雪のアニメーション
p5.js の WEBGLモードのキャンバスで、y方向の重力・y方向と垂直な方向の風の影響と、y方向に垂直な …
開発中
58
0
0
【2024年 🎍正月向け】p5.js のアニメーションで干支の切り替わり ＠ 大晦日ハッカソン
p5.js で、読み込んだ画像をたくさんのパーツにスライスして分解するような表示をさせ、その個々のパ…
開発中
81
0
0
ブラウザのウィンドウの動きが p5.js の描画に影響を及ぼすものをシンプルな実装で試す
ブラウザのウィンドウの動きが p5.js の描画に影響を及ぼすものをシンプルな実装で試しました
開発中
57
0
0
2つのブラウザのウィンドウのうち一方を動かすと他方が影響を受ける仕組みを p5.js で雑に試す
「1つのブラウザをスクリーン上で動かした際に、それを画面内の描画に影響させる」、「2つのブラウザ…
開発中
71
0
0
くだものプール
腕を動かしてくだものを合体させて育てるゲームです。PCブラウザで体験できます。（最初の読み込みに…
完成
468
9
1
指でつまんだ場所から空間をちょっと歪められる Webアプリの試作（ #p5js で実装 ）
指でつまんだ場所から空間をちょっと歪めるエフェクトを、p5.js と PixiJS の Filter を組み合わせて…
開発中
96
0
0
p5.js でグラデーションのかかったグローエフェクトを適用した複数のカラーオブジェクトの描画
p5.js でのグローエフェクトで、グラデーションを利用した明るさ調整（時間経過で回転）などを行った…
開発中
152
0
0
p5.js でグローエフェクトと明るさ・カラーのグラデーションを組み合わせる描画の試作
p5.js でグローエフェクトを適用するオブジェクトで、そのエフェクトの明るさ調整やカラーのグラデー…
開発中
140
0
0
#p5play の物理演算や #p5js の描画 #MediaPipe を組み合わせた試作
#p5play の物理演算エンジンを #p5js の描画に適用しつつ、さらに #MediaPipe で認識した手でインタ…
開発中
172
0
0
万華鏡写輪眼が開眼できる Webアプリ（p5.js ＋ MediaPipe）
MediaPipe の JavaScript版を使って、カメラ映像から虹彩を検出し、そこに p5.js のベジエ曲線などを…
開発中
254
1
0
フラッシュナンバー
10秒内に表示される10の数字が何番目に表示されるかを当てるゲームです． 何番目かに表示された数字…
完成
173
0
0
サッカーしようぜ！M5stackとp5.jsを使ってPK勝負
M5stackとp5.jsを使ったサッカーゲームです。キーパーはランダムで三方向（左・正面・右）のうち一つ…
完成
182
1
0
距離センサを利用した2人用対戦ゲーム
お題として表示された距離となるべく近い数値を距離センサで計測できた方が勝ち。
完成
256
4
0
p5.js で魔法陣を作る：ルーン文字と円を描画してグローエフェクトを適用する
p5.js で円をユニコード文字のルーン文字を描画して、グローエフェクトを適用して魔法陣っぽいものを…
開発中
174
0
0
p5.js で手から複数の光る魔法陣を生成するアニメーションを作る
p5.js で手から複数の光る魔法陣が出てくるアニメーションを作りました。動きに緩急をつけるために、…
開発中
144
0
0
p5.js の vertex で形状変化のアニメーション（円と矩形）：複数のパラメータ違いの図形で
p5.js の vertex で円と矩形を使った形状変化のアニメーションを作りました。複数の異なるパラメータ…
開発中
169
0
0
p5.js で 3つの三角関数（sin・cos・tan）を使った円を動かす（グローエフェクト付）
p5.js でタンジェントを含む 3つの三角関数（sin・cos・tan）を使って円を動かしました（図形移動に…
開発中
140
0
0
p5.js で作るシンプルなロック解除パズルゲーム
ネットで見かけたロック解除パズルゲームの一番シンプルなステージを、p5.js でシンプルに実装してみ…
開発中
161
0
0
p5.js でカメラ映像中から toio のマットの領域を判別（ピクセルごとの色ベースでの判別）
p5.js でカメラ映像中から toio のマットの領域を判別してみたものです。ピクセルごとの色ベースの処…
開発中
81
0
0
p5.js で剣の色を変化させる（残像を残しつつ）：ピクセルごとの色ベースでの判別処理
元は緑ベースの色の剣を、カメラ映像に対するピクセルの色ベースの判別処理で、赤や青に変化させます…
開発中
99
0
0
p5.js でマウスを使ったインタラクション：イージングを適用した動きをする円を誘導する
p5.js を使った実装で、マウスカーソルを動かすと、その位置に向かって円が集まる（動きにはイージン…
開発中
125
0
0
