Swiper卒業
ボックスを詳しく
| カテゴリ | モード指定 (data-mode) | エフェクト・挙動のイメージ |
|---|---|---|
| Vanilla JS 基幹兵装 |
base | 【基幹】指の動きに1:1で完全追従する、要塞標準の横スライド |
| Vanilla JS | wipe | 【払拭】画像は動かさず、垂直な境界線（幕）だけが指に合わせて開閉する |
| Vanilla JS | dual | 【二重】画像は低速でパララックスし、境界ワイプが指に鋭く追従する |
| Vanilla JS | zoom | 【望遠】次画像が奥から拡大しながら浮上する、映画的フェードアウト |
| WebGL GPU特殊兵装 |
gl-wave | 【波紋】水面が揺れるような滑らかな液体ディスプレイスメント |
| WebGL | gl-glit | 【通信崩壊】パケット欠損とVRAM破損を再現するデータモッシュ |
| WebGL | gl-dust | 【粒子】ノイズ状の細かな粒子へ分解・再構築されるフェード |
| WebGL | gl-lens | 【光学歪曲】画面中央へ吸い込まれるように歪むオプティック・ワープ |
| WebGL | gl-warp | 【湾曲】空間ごとS字に大きく湾曲してスライドする |
| WebGL | gl-ink | 【墨蹟浸潤】繊維を伝い、中央から染み渡る有機的な墨の滲み |
| WebGL | gl-frag | 【次元砕裂】重厚な破片と立体的な影を伴うクリスタル破砕 |
| WebGL | gl-melt | 【粘性溶解】高粘度の流体のように、重力に従ってドロドロと溶け落ちる |
| WebGL | gl-burn | 【熱光学浸食】燃え際の熱量を伴って焼き尽くされるバーン・エロージョン |
| WebGL | gl-void | 【特異点】漆黒の重力場へ吸い込まれ、極大の歪みで吐き出される |
| WebGL | gl-hexa | 【万華鏡】動く中心軸を起点に、円形に反射・増殖する六角侵食 |
| WebGL | gl-glow | 【生体発光】深海流体の動きと上品な色収差を伴う発光侵食 |
| WebGL | gl-nova | 【超空間】放射状に一気に加速・膨張する空間崩壊 |
| WebGL | gl-flux | 【法線演算】法線マップによる光と影の立体的ディスプレイスメント |
| WebGL | gl-flow | 【流体侵食】画面全体を滑らかに飲み込む広域層流マーブル |
| 特殊コマンド | gl-auto | 【巡航】上記15種のWebGL兵装から、遷移の度に自動選択 |
