PixiJS v8 / WebGL ショーケース

PixiJS でできること

PixiJS は WebGL / WebGPU を抽象化した高速な 2D レンダラです。数十万のスプライト、自作 GLSL シェーダ、フィルタ合成、RenderTexture まで——ブラウザだけで動くインタラクティブな表現を、8 つのデモで体感できます。

WebGL60fpsParticleContainerカスタムシェーダフィルタRenderTexture

キーボードの ← → でデモを切り替え、数字キー 1〜8 で直接選択できます

パーティクルフィールド

Particle Field

擬似ノイズで生成したベクトル場(フローフィールド)に沿って数万個の加算合成パーティクルが流れます。ポインタを近づけると吸引・反発が働き、リアルタイムに渦が生まれます。加算ブレンドのParticleContainerで、大量の発光表現を破綻なく描けることを示します。

操作ポインタを動かすと粒子が吸引/反発して渦ができます
レンダラを初期化中…
ポインタで操作できます
このデモが示す PixiJS の強み

加算合成パーティクル × リアルタイム・ベクトル場

パーティクル加算合成フローフィールドインタラクティブ

すべてのデモ