150 套免费 3D 特效模板上线：FX Lab 使用指南

FX Lab 上线了：150 套 3D 特效与落地页模板，全部免费。每一套都可以在线预览，觉得合适就下载 ZIP 拿走，MIT 协议，商用也没问题。这篇不吹，直接讲里面有什么、怎么挑、怎么用。

150 套里到底有什么

按效果类型分，大概是这几类：粒子特效（星空、雪花、烟花、火星四溅）、流体与波浪（水面、烟雾、极光）、着色器玩法（故障艺术、扫描线、波纹扭曲）、3D 场景（低多边形地形、旋转展品台、太空舱）、落地页整站模板（带 hero 区、特性区、页脚的完整页面）。命名上带 -3d 后缀的是纯特效展示页，不带的是完整落地页，挑的时候先看名字，心里就有数。

• ·粒子类：适合做 hero 区背景，视觉冲击强，但移动端要测性能
• ·流体类：氛围感最好，适合品牌站、活动页
• ·着色器类：最轻量，几十行 GLSL，加载快
• ·3D 场景类：适合产品展示，比如把产品模型放在旋转展台上
• ·落地页类：直接改文案就能上线，省掉从零排版的时间

三步用到自己的项目里

第一步，在画廊里点开看效果。每个模板都是独立页面，真机跑一遍，重点看两点：动效是不是你想要的，以及手机上卡不卡。第二步，点下载 ZIP。包里是完整的单页文件，解压就能用。第三步，改。模板为了演示效果，文案都是占位的，换成你自己的文字、颜色、链接。JS 部分如果用了 Three.js，注意 vendor 目录已经在包里，不用再去 CDN 拉。

MIT 协议到底能怎么用

MIT 是最宽松的开源协议之一：你可以商用、可以改、可以闭源发布，唯一的要求是保留原作者的版权声明（LICENSE 文件别删）。也就是说，接私活给客户做网站、自己产品上线、改完当模板卖，都可以。但别把 LICENSE 删了当成自己原创的，这是底线。

挑模板的三个土办法

• ·先定调性再挑特效：科技感选粒子+故障艺术，温暖感选流体+柔光，别反着来
• ·一个页面只用一个核心特效：特效打架是新手最常见的翻车，克制比分量重要
• ·先看 ZIP 大小：超过 5MB 的多半带了大贴图，确认你真的需要再下

入口在站内「旗下网站」页，或者直接访问 eazyopc.com/fx-lab/。后续还会继续加新的，有想要的效果类型，可以到联系页留言，每一条都会看。