🌊 顶点着色器实战

学习如何用顶点着色器创造动态几何效果

📖 当前演示

基础波浪

💡 说明

使用 sin 函数创建波浪效果:
• 修改顶点的 Y 坐标
• 基于 X 位置和时间
• 控制振幅和频率

📝 着色器代码

// 顶点着色器 uniform float uTime; uniform float uAmplitude; uniform float uFrequency; void main() { vec3 pos = position; pos.y = sin(pos.x * uFrequency + uTime) * uAmplitude; gl_Position = projectionMatrix * modelViewMatrix * vec4(pos, 1.0); }

🎨 演示模式

⚙️ 控制面板

FPS: 60
演示: 基础波浪
顶点数: 0