Shader Learn

02 用数学画形状

极坐标:距离和角度

length 给出距离,atan 给出角度。花瓣与螺旋都来自它们。

112
00.15
-88
习题调参数0%

做一朵三瓣花

每个像素运行一次拖动数字,或直接改代码

JS 这一侧gl.uniform2f(uResolution, …, …)

length 给距离、atan 给角度:换成极坐标后,花瓣、射线、螺旋都只是一行公式。

试一试

  • 花瓣数调到 3
  • 加一点扭转,变成螺旋
  • 找到颜色突然跳变的那条线:atan 在 ±π 处断开