获取同款背景源码
WebGL 交互式水面特效 — 鼠标划出真实涟漪，带焦散光斑和五套水景预设

WebGL水面特效

WebGL 交互式水面特效 — 鼠标划出真实涟漪，带焦散光斑和五套水景预设

这是一款交互式水面特效，基于 WebGL2 着色器实现。整屏是一池清水，能看到水底的沙纹和阳光穿过水面投下的网状光斑，也就是常说的焦散。鼠标划过水面会推出真实的波纹，点一下就是一滴水落下，涟漪一...

Three.js Shader着色器实现的信号干扰故障花屏动画效果

信号故障

Three.js Shader着色器实现的信号干扰故障花屏动画效果

这是一款图像悬停故障艺术效果，基于Three.js着色器技术实现，当鼠标悬停在图像上时，图像会出现类似电子屏幕干扰的视觉错乱现象，产生独特的艺术感和未来主义风格。