⚡ FXBox
すべてのエフェクトを見る →

ビジュアルエフェクトギャラリー

CanvasとWebGLによるインタラクティブな2D・3Dエフェクト。114個のエフェクトを10カテゴリーで探索 — ブラウザだけで、インストール不要。

114
エフェクト
10
カテゴリー
100%
無料

3Dエフェクト

16

Three.jsによる3Dシーン、シェーダー、レイマーチング

3Dパーティクル銀河
Three.js 8000パーティクルの螺旋銀河、マウス視差インタラクション
3Dパーティクル球体
Three.js 5000パーティクルポイントクラウド球体、マウス反発で散乱と再集合
3D動的海面
Three.js ShaderMaterial 動的波浪海面、マウスで波紋生成
3Dプロシージャル地形
Three.js Simplex noise 起伏地形、4種のランドスケープスタイル
3Dネオントンネル
Three.js 一人称ネオンジオメトリクトンネル走行
3Dクリスタル屈折
Three.js MeshPhysicalMaterial 透明ガラスクリスタル屈折
3Dパーティクル渦
Three.js 竜巻型パーティクル渦、マウス吸引と反発
3D浮遊キューブ
Three.js PBRマテリアル浮遊キューブ、マウス重力インタラクション
3D星空飛行
Three.js 一人称星雲ワープフライト
3Dリサージュ曲線
Three.js 3Dリサージュ曲線パーティクル軌跡、パラメータ調整可能
3D フラクタルツリー
再帰的に分岐する枝が立体的な樹に育ち、枝先には発光する葉が風に揺れます。
3D 無限グリッド
ネオンのグリッド床が地平線へ無限に伸び、線が前方へ流れ続けてシンセウェイヴの疾走感を放ちます。
3D レイマーチング球
全画面フラグメントシェーダーが画素ごとに光線を進め、起伏する球面へ実時間で迫り法線と光照を計算します。
3D エネルギーシールド
フレネルで発光する球殻に六角形のエネルギー紋を重ね、被弾時は着弾点から衝撃波紋が広がります。
3D ポータル
発光する輪が渦巻くエネルギー盤を囲み、極座標で紋様が渦を巻き、粒子が門の中心へ吸い込まれます。
3D ワイヤーフレーム地球
経線と緯線で描かれた発光する地球がゆっくり自転し、球面には明滅するノードが散らばります。

パーティクル

15

パーティクルシステム、群れ、紙吹雪アニメーション

パーティクル花火
Canvas パーティクル花火エフェクト、インタラクティブ
蛍パーティクル
ランダム移動する光点、グロー尾跡とマウス吸引
マウス干渉パーティクル
パーティクルグリッド、マウス衝突で散乱と再集合
星空パーティクル
天体星雲パーティクル、回転と点滅
粒子モーフ
同じ粒子群が円・四角・星・ハート・螺旋の間を滑らかに再配置。数は変わらず、各点が新たな目標へ飛びます。
Particle Painting
Paint with particles or fluid on canvas, multiple brush effects
粒子タイプライター
文字が一字ずつ現れ、各文字は四方から飛び込む粒子で形作られ、書き終えると散らばってやり直します。
マウストレイル
カラフルな粒子がポインターを追って舞い、やがて消えます。静止するとポインターは滑らかな曲線を自動で漫遊します。
星座ライン
星空パーティクルライン、マウスで星座を描画
重力井戸
Canvas 2D パーティクルが中心重力点の周りを公転、惑星システムのような
Cosmic Collapse
Particle gravitational collapse simulation with merging, density coloring and disk formation
Soul Ring Halo
Multi-layer glowing soul rings from white to gold, rotating with particle drift effects
螺旋銀河
Canvas 2D 螺旋銀河パーティクル回転アニメーション
2D螺旋銀河
Canvas 2D 螺旋銀河パーティクルアニメーション
紙吹雪爆発
Canvas 2D 紙吹雪パーティクル爆発お祝いエフェクト

流体と物理

18

流体力学、布、火、物理シミュレーション

流体シミュレーション
2D 流体力学シミュレーション、マウス干渉
流体グラデーション背景
柔らかな色の塊が流体のようにゆっくり流れ交わり、ミニマルで上質な動くグラデーション背景を作ります。
Fluid Text
Fluid particles form into text after interaction
水面の波紋
Canvas 2D 水面波紋エフェクト、クリックとマウスインタラクション
布シミュレーション
Verlet積分で吊るした布を再現し、重力で垂れ下がります。ドラッグで引っ張り、風も加えられます。
炎シミュレーション
古典的な炎アルゴリズムがピクセル単位で揺らめく炎を生成。強度を調整しカーソルで火を煽れます。
煙の上昇
パーティクル煙の上昇と拡散エフェクト
ラバランプ
Canvas 2D ラバランプ blobs 融合と分離エフェクト
ぷるぷるゼリー
柔らかなゼリーが重力で弾み、着地でつぶれてから跳ね返り、全体がぷるぷる震えます。クリックでつつけます。
粒子サンドアート
色付きの砂が上から降り注ぎ、斜面を滑って砂丘のように積もります。ドラッグで好きな場所に砂を注げます。
反応拡散
グレイ・スコット反応拡散が珊瑚や斑点模様を生成
コースティクス
水面で屈折した陽光が水底に揺らめく網目状の光を投げかける様子を再現します。
ボリューメトリッククラウド
フラクタルブラウン運動ノイズを多層に重ね、ピクセル単位で湧き立ち流れる体積雲を生成します。
動的雲層
Canvas 2D 動的雲漂いエフェクト
泡の上昇
Canvas 2D カラフルな泡の物理上昇シミュレーション
浮遊する泡
カラフルな泡が浮上するエフェクト
インク拡散
Canvas 2D 水墨にじみ拡散エフェクト
光芒（チンダル光）
隙間から差し込む光が放射状の体積光を形成。光源をドラッグし、色も切り替えられます。

宇宙と天文

9

惑星、星、宇宙現象の3D表現

Solar System
3D solar system with 8 planets orbiting, Saturn rings, planet labels and starfield
Earth-Moon System
3D Earth-Moon orbital simulation with Earth rotation, Moon orbit, moon phases and starfield
Binary Star System
3D binary star simulation with barycenter orbit, accretion stream and 3 star type presets
Three-Body Problem
N-body gravitational chaos simulation with figure-8, Lagrange, chaotic and hierarchical presets
Day-Night Earth
3D Earth day-night terminator, city lights, sun angle and axial tilt control
Eclipse Simulator
Solar and lunar eclipse 3D simulation with shadow cones, inclination and coverage detection
24 Solar Terms
Earth orbit through 24 solar terms with fixed axial tilt, seasonal colors and term markers
Gravitational Wave
Spacetime grid ripples from binary inspiral, single pulse and continuous wave sources
ブラックホール重力レンズ
ブラックホールの巨大な重力が光を曲げ、背景の星光を引き伸ばして輝くアインシュタインリングを作ります。

光とグロー

12

ネオン、プラズマ、レーザー、発光エネルギー

ネオングロー
Bloom グロー、ネオンライト、カラーブリージングパルス
プラズマボール
クラシックプラズマボール稲妻エフェクト
プラズマフィールド
Canvas 2D クラシックプラズマエフェクト、流れる色彩
レーザービーム
Canvas 2D レーザー光線反射 + パーティクルエフェクト
雷嵐
Canvas 2D 稲妻アークエフェクト、パラメータ調整可能
ライトトンネル
透視投影が色付きテクスチャを無限のトンネルへ引き伸ばし、前へ飛び続ける錯覚を生みます。
光の歪み
色付きグリッドがレンズのような重力中心に歪められ、引き伸ばされ屈折し、波紋がカーソルに追従します。
エネルギーパルス環
エネルギーの輪が中心から次々に放たれ、外へ広がりながら消えていきます。クリックで新たなパルスを発生。
ホログラム投影
ホログラム動的パターン、スキャンライン重ね合わせ
ホログラムグリッド
遠近に伸びるグリッドがホログラムの色に輝き、走査線が周期的に走ってSFのHUDのような質感になります。
カラーパルス
カラー ブリージングパルスエフェクト、リズミック
動的マスク表示
暗い場の下に流れる色彩模様が隠れ、動き回るスポットライトのマスクが通った所だけが現れます。

グリッチとレトロ

15

CRT、走査線、マトリックスレイン、デジタル歪み

グリッチアート
RGB 分離、スキャンライン、画面撕裂グリッチエフェクト
グリッチウェーブ
流れる色映像がデジタルグリッチで引き裂かれ、スライスのずれ・RGB分離・走査線の揺れが走ります。
ブラウン管/CRT効果
走査線、RGB蛍光ストライプ、周辺減光、ゆっくり流れる輝線を重ね、昔のブラウン管テレビの質感を再現します。
走査線
細かな走査線が画面全体を覆い、明るい帯が下へループして走り、オシロスコープや監視モニターの質感を再現します。色を切替可能。
マトリックスレイン
Canvas 2D マトリックス風コードレイン降下エフェクト
コードレイン
カラフルなコード文字の雨降下エフェクト
モアレ模様
ほぼ同じ2つの格子を重ねると、わずかなずれや回転で流動するモアレ縞が干渉して現れます。同心円と直線を切替可能。
ノイズテクスチャ
フレームごとに変化する手続き的ノイズで、テレビの砂嵐と柔らかく流れる霧を切り替えられます。
ピクセルソート
各列のピクセルを輝度しきい値で分割して並べ替え、画面を流れるグリッチアートの縞に引き伸ばします。
ピクセル化
流れる色彩のシーンを粗いモザイクブロックにダウンサンプリング。ブロックサイズを調整できます。
色収差/RGBずれ
画面の赤・緑・青チャンネルを別方向にずらして再合成し、レンズ色収差のような色のにじみを縁に生みます。ずれ量を調整可能。
分光プリズム
白色光がプリズムに入り、波長ごとに屈折率が異なるため分散し、虹のスペクトルに広がります。
放射ブラー
画面を中心を起点に段階的に拡大して半透明で重ね、中心から外へ爆発するようなズームブラーを作ります。強度を調整可能。
動的モザイク
流れる映像がモザイクのタイルに分解され、粒度が呼吸するように増減し、わずかに揺れて明滅します。
動く虹
虹色の帯がうねり流れ、色相が循環し続け、波・リング・ビームのモードを切り替えられます。

フラクタルと幾何学

13

数学アート、ジェネレーティブパターン、グラフ

フラクタル探検
マンデルブロ集合を無限にズームし、多彩な配色を切り替えよう。
ジュリア集合
複素定数の変化で形を変えるジュリア集合フラクタル
ボロノイ図
動く種点が空間を分割する流れるボロノイ図
スピログラフ
歯車・速度・色を調整して美しいトロコイド曲線を描こう。
万華鏡
Canvas 2D 対称反射幾何万華鏡
動的等高線
変化するノイズ場に描く地形の等高線アニメーション
セルオートマトン
コンウェイのライフゲームが余韻を残しながら進化
拡散律速凝集
ランダムに歩く粒子が既存の構造に触れた瞬間に付着し、雪の結晶のようなフラクタル樹枝を育てます。
フローフィールド
無数の粒子がノイズによるベクトル場に沿って流れ、風や海流のような筋を描きます。
モーフィングジオメトリ
リズミック格子、同心波紋、流動テクスチャ
グラデーションメッシュ
流れるグラデーションメッシュ色彩エフェクト
力学グラフ
ノードはばねで結ばれつつ互いに反発し、系は平衡に落ち着き、絡んだ結線を明快なネットワークへほどきます。
磁場可視化
Canvas 2D 磁力線可視化 + パーティクル運動

テキストエフェクト

6

パーティクルで形成・アニメーションするテキスト

テキストパーティクル
文字を入力すると何千もの粒子が飛んで文字の形に集まり、クリックで散らして再び集められます。
Firework Text
Fireworks explode then particles converge into text, then disperse
Confetti Text
Confetti explodes into text, holds, then explodes again
Firefly Text
Fireflies drift, converge into text, then disperse
Fluid Text
Fluid particles form into text after interaction
Particle Text
Mouse-collided particles form text, then reform grid

自然と天気

6

雨、雪、オーロラ、自然な雰囲気

雨のエフェクト
雨粒、水面の波紋、ガラスの水滴
雪降り
3D 透視雪降り、風の影響
オーロラ
Canvas 2D グラデーションオーロラアニメーション、動的フロー
波干渉
Canvas 2D 二重スリット干渉/波重ね合わせ可視化
波形可視化
動的オーディオ波形可視化エフェクト
オーディオビジュアライザー
オーディオ周波数スペクトル可視化アニメーション

東洋文化

5

太極、易経、干支、経絡の可視化

Taiji Rotation Patterns
Yin-yang symbol rotating at variable speeds, trail strobe creates moiré interference patterns
I-Ching Compass
Multi-ring compass: 64 hexagrams + 8 trigrams + 24 mountains + Taiji center
Zodiac Ecliptic
Elliptic ecliptic band with 12 zodiac signs and star connections, switchable views
Zodiac Time Dial
12 Chinese hours dial with zodiac animals, pointer tracks current time
Meridian & Acupoints
3D human body with 14 meridians and major acupoints, hover for acupoint info