✨ 特效实验室

个可交互视觉特效,效果拉满。每个特效都能一键运行、全屏演示,并直接复制独立可运行的源码。

这个站在做什么

特效实验室是一个手写视觉特效的收藏站:131 个可以立即运行、直接复制源码的 Canvas 2D 与 CSS 效果,全部零依赖、无构建步骤、无框架。

其中 58 个是逐行手写的原生特效;另外 73 个来自我早年练手的 JavaScript 仓库,作为对照示例保留,每个都保留着原作者的原样代码,不做任何改写。

如果你想知道这些效果到底怎么做出来的——为什么黑洞要先归一化再乘系数、为什么故障效果必须断续出现、为什么伪 3D 只差一次除法——10 篇主题长文把常用的做法和其中的取舍写下来了。每篇都链到文中提到的可运行示例,示例旁边就是源码。

🎨 特效大厅

点击「运行」预览,点击「复制代码」带走源码