使用 Three.js 创建动态光效

大家好！我是 [数擎AI]，一位热爱探索新技术的前端开发者，在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！开发领域：前端开发 | AI 应用 | Web3D | 元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6 年+ 前端开发经验，专注于图形渲染和 AI 技术开源项目：AI简历、元宇宙、数字孪生

本篇文章将使用 Three.js 的 ShaderMaterial 创建一个带有动态变化效果的自定义 Shader。这个 Shader 主要实现了一个动态变形的圆形，同时结合了旋转变换与颜色渐变，创造出一种流动的光影效果。

1 顶点着色器

在 vertexShade