视觉特效画廊

由 Canvas 和 WebGL 驱动的交互式 2D 和 3D 特效。探索 114 个特效，涵盖 10 个分类 — 纯浏览器运行，无需安装。

114

特效

10

分类

100%

免费

3D 特效

16

Three.js 驱动的 3D 场景、着色器和光线行进

Three.js 8000粒子螺旋星系，鼠标视差交互

Three.js 5000粒子点云球，鼠标排斥打散聚合

Three.js ShaderMaterial 动态波浪海面，鼠标产生涟漪

3D程序化地形

Three.js Simplex noise 起伏地形，四种地貌风格

Three.js 第一人称霓虹几何隧道穿梭

Three.js MeshPhysicalMaterial 透明玻璃水晶折射

Three.js 龙卷风形态粒子漩涡，鼠标吸引排斥

3D悬浮立方体

Three.js PBR材质悬浮立方体，鼠标引力交互

Three.js 第一人称星云穿梭飞行

3D李萨如曲线

Three.js 3D李萨如曲线粒子轨迹，参数可调

递归分叉的枝干在空间中生长成三维树，枝端点缀发光叶片并随风摇曳。

3D 无限网格

霓虹网格地面向地平线无限延伸，网格线不断向前滚动，充满合成波飞驰感。

3D 光线追踪球

全屏片元着色器逐像素做光线步进，实时逼近起伏球体表面并计算光照。

3D 能量护盾

菲涅尔发光球壳叠加六边形能量纹，受击时从撞击点扩散出冲击波纹。

发光圆环框住旋涡能量盘，纹理沿极坐标翻腾，粒子被缓缓吸入门心。

3D 线框地球

经纬线勾勒的发光地球缓缓自转，球面散布着不断闪烁的节点。

粒子

15

粒子系统、群集和彩纸动画

Canvas 粒子烟花绽放效果，可交互

萤火虫飘散

随机游走光点，光晕拖尾鼠标吸引

鼠标碰撞粒子

粒子网格，鼠标碰撞打散回弹聚合

星河星云粒子，旋转闪烁鼠标交互

同一群粒子在圆、方、星、心与螺旋之间平滑重排，粒子数不变，只飞向新目标。

用粒子或流体在画布上绘画，支持多种笔刷效果

粒子文字打字机

文字逐字浮现，每个字都由粒子从四周飞入汇聚成形，写完后打散重来。

一串彩色粒子追随指针飞舞并渐渐淡出，静止时指针自动沿曲线漫游。

星空粒子连线，鼠标交互绘制星座

Canvas 2D 粒子围绕中心引力点旋转，类似行星系统

粒子引力坍缩模拟，质心塌缩+合并闪光+密度色温变化+盘状结构

斗罗大陆风格多层发光魂环，十年到百万年不同颜色，旋转粒子飘散

Canvas 2D 螺旋星系粒子旋转动画

Canvas 2D 螺旋星系粒子动画

Canvas 2D 彩纸粒子爆炸庆祝效果

流体与物理

18

流体动力学、布料、火焰和物理模拟

2D 流体动力学模拟，鼠标扰动交互

流体渐变背景

几团柔和色彩像流体般缓缓涌动、交融，形成极简高级的动态渐变背景。

流体粒子触碰后自动规整到文字

Canvas 2D 水面波纹涟漪，点击和鼠标交互

用 Verlet 积分模拟悬挂的布料，随重力垂坠，可拖拽牵动并加风。

用经典的火焰算法逐像素生成跳动的火苗，可调强度并用鼠标点火。

粒子烟雾升腾扩散效果

Canvas 2D 熔岩灯 blobs 融合分离效果

一团柔软果冻在重力下弹跳、落地挤扁再回弹，通体伴随 Q 弹颤动，可点击戳它。

彩色细沙从上方倾泻而下、沿斜坡滑动堆积成丘，拖动即可在任意处倾倒彩沙。

Gray-Scott 反应扩散生成珊瑚与斑点等图灵斑纹

模拟阳光穿过水面折射，在水底投下不断游动的网状光斑。

用分形布朗运动噪声叠加多层细节，逐像素生成不断翻涌流动的体积云。

Canvas 2D 动态云层飘动效果

Canvas 2D 彩色气泡物理上升模拟

彩色气泡漂浮上升效果

Canvas 2D 水墨晕染扩散效果

光线穿过缝隙形成放射状体积光束，可拖动光源并切换光色。

宇宙与天文

9

行星、恒星和宇宙现象的 3D 模拟

3D太阳系八大行星轨道运行，土星环+行星标签+星空背景

3D地球月球轨道模拟，地球自转+月球公转+月相变化+星空背景

3D双星轨道模拟，质心公转+吸积流+三种恒星类型切换

N体引力混沌模拟，8字轨道/拉格朗日/混沌/日行星月球四种预设

3D地球昼夜变化，晨昏线+城市灯光+太阳角度+地轴倾角可调

日月食模拟

日食月食3D模拟，阴影锥+轨道倾角+覆盖率检测，月食/日食模式切换

地球公转24节气3D，地轴倾角固定+季节色彩变化+节气标记轨道

引力波模拟

时空网格涟漪传播，双星旋近/单脉冲/连续波三种波源，应变着色

黑洞引力透镜

黑洞巨大的引力弯曲光线，背景星光被向外拉伸并环绕成爱因斯坦环。

光与辉光

12

霓虹、等离子体、激光和发光能量

Bloom 泛光霓虹灯带，颜色呼吸脉冲

经典等离子球闪电效果

Canvas 2D 经典等离子特效，色彩流动

Canvas 2D 激光射线反射 + 粒子效果

Canvas 2D 闪电电弧效果，参数可调

透视投影把彩色纹理沿隧道无限拉伸，制造不断向前飞入的错觉。

一块彩色网格被透镜般的引力中心扭曲、拉伸、折射，波纹随鼠标流动。

能量脉冲环

能量光环从中心一圈圈迸发、向外扩散并渐隐，点击可在任意处激发新脉冲。

全息投影动态纹路，扫描线叠加

透视延伸的网格泛着全息彩色微光，扫描线周期掠过，充满科幻 HUD 质感。

颜色呼吸脉冲效果，节奏律动

动态遮罩揭示

暗场之下藏着流动的彩色图案，游走的光圈遮罩掠过之处才把它揭示出来。

故障与复古

15

CRT、扫描线、矩阵雨和数字失真

RGB 分离、扫描线、画面撕裂故障效果

流动的彩色画面被数字故障撕裂：横向切片错位、RGB 通道分离、扫描抖动闪烁。

老电视/CRT效果

在动态画面上叠加扫描线、RGB 荧光条、暗角与缓慢滚动的亮带，还原老式显像管电视的质感。

细密的扫描线覆盖整幅画面，一条明亮的光带循环向下扫过，重现示波器与监控屏幕的质感，可切换配色。

Canvas 2D 黑客帝国风格代码雨下落

彩色代码字符雨下落效果

两组几乎相同的栅格叠在一起，微小的错位或旋转就会干涉出不断流动的摩尔纹，可在同心圆与直线间切换。

噪点纹理动画

逐帧演化的程序化噪点，可在电视雪花与柔和流动的云雾之间切换。

按亮度阈值把每列像素分段并重新排序，将画面拉丝成不断流动的故障艺术条纹。

一个流动的彩色场景被降采样成粗颗粒的马赛克方块，可调像素块大小。

色差/RGB偏移

把画面的红、绿、蓝三个通道向不同方向错位再叠加，边缘浮现彩色重影，模拟镜头色差，可调偏移量。

一束白光射入三棱镜，因不同波长折射率不同而色散，展开成彩虹光谱。

把画面以中心为原点逐级放大并半透明叠加，形成从中心向外爆发的变焦模糊，可调强度。

动态马赛克

流动画面被拆成马赛克方块，粒度随时间呼吸般起伏，还会轻微错位闪烁。

流动的彩虹色带起伏卷动，色相循环偏移，可在波浪、圆环、光束模式间切换。

分形与几何

13

数学艺术、生成图案和图形

无限放大曼德博集合，切换多种绚丽配色。

朱利亚集合

随复常数漂移不断变形的朱利亚集分形动画

移动种子点将空间划分为流动的沃罗诺伊镶嵌

调节齿轮、速度与颜色，绘制迷人的旋轮线曲线。

Canvas 2D 对称反射几何万花筒

动态等高线

对演化噪声场绘制随时间起伏的地形等高线

细胞自动机

康威生命游戏细胞按邻居生灭并留下余晖

扩散限制聚合

随机游走的粒子一旦碰到已有结构就粘附，逐渐长出雪花般的分形枝晶。

无数粒子沿噪声生成的向量场流动，绘出如风或洋流般的丝状轨迹。

律动晶格、同心波纹、流动肌理

流动渐变网格色彩效果

节点间弹簧吸引、彼此互斥，系统自动求解平衡，把杂乱连接舒展成清晰网络。

磁场可视化

Canvas 2D 磁力线可视化 + 粒子运动

文字特效

6

由粒子组成和动画化的文字

输入任意文字，成千上万的粒子飞舞聚成字形，点击可让它们散开再重聚。

烟花爆炸后粒子聚成文字，停留后散去

彩纸爆炸后聚成文字，停留后再次爆炸

萤火虫文字

萤火虫飘散后慢慢汇聚成文字，再散开

流体粒子触碰后自动规整到文字

鼠标碰撞粒子散开后形成文字，再成网格

自然与天气

6

雨、雪、极光和自然氛围

雨滴下落、水面涟漪、玻璃水珠汇聚

3D 透视雪花飘落，风力影响

Canvas 2D 渐变极光动画，动态流动

Canvas 2D 双缝干涉/水波叠加可视化

波形可视化

动态音频波形可视化效果

音频可视化

音频频谱可视化动画

东方文化

5

太极、易经、生肖和经络可视化

太极旋转图案

太极阴阳鱼变速旋转，拖尾频闪产生摩尔纹干涉，一生二二生三万物

罗盘六十四卦

多环罗盘：外环64卦+中环八卦+内环二十四山+中心太极，金玉配色

黄道十二星座

椭圆黄道带+12星座符号+星点连线，可切换俯视/切面/斜视视角

十二时辰转盘

子丑寅卯辰巳午未申酉戌亥，12扇区转盘配生肖，指针指向当前时辰

人体经络穴位

3D人体经络图，14条经脉+主要穴位发光点，悬停查看穴位信息