Line Particle

線のパーティクル。マウスホイールでワッシャーってなります。

Rect Particle

マウスホイールでワシャーってなるパーティクル。 PixiJSで作った。たぶん。

せっかく日本でオリンピックなので。ページ下部のツマミをドラッグするとパーティクルからオリンピック・パラリンピックのロゴになります。

ページ下部の猫絵文字ボタンをクリックで交互にパーティクルと猫画像が入れ替わります。子猫です。

ページ下部のマイクボタンをクリックしてマイクを許可すると、喋った言葉をパーティクルが形作ったり、音の大きさによってパーティクルが大きくなったりします。あとは直接文字を入力したり、画像を選択すると、パーティクルが形作ります。 SpeechRecognitionとか利用しました。

スマートフォンと連動するパーティクル。しばらくすると、QRコードが左上に表示されるので、それを読み取ってスマートフォンと連動します。スマートフォンから画像を選択すると、パーティクルがその画像になります。 Next.js と socket.io を使用してます。

初めてshaderを使って作った（と思う）。いろんな色になります。マウスカーソル部分が明るくなります