生成径向梯度的算法

Question

我这里有这个算法：

pc = # the point you are coloring now
p0 = # start point
p1 = # end point
v = p1 - p0
d = Length(v)
v = Normalize(v) # or Scale(v, 1/d)

v0 = pc - p0

t = Dot(v0, v)
t = Clamp(t/d, 0, 1)

color = (start_color * t) + (end_color * (1 - t))

生成点对点线性梯度。它对我来说非常有效。我想知道是否有类似的算法来生成径向渐变。我所说的相似是指求解点 P 处的颜色，而不是求解某种颜色处的 P（其中 P 是您正在绘制的坐标）。

谢谢

Answer 1

//loop through vector
//x and y px position
int x = i%w;
int y = i/w;
float d = distance(center,int2(x,y));
//if within the grad circle
if(d < radius)
{
  //somehow set v[i] alpha to this:
  float a = d/r;
}

Answer 2

在 atan2(dy,dx) 上线性上升，其中 dx 是 x 中心，dy 是 y 中心。

cx # center x
cy # center y

r1 # ring is defined by two radius
r2 #  r1 < r2

c1 # start color
c2 # stop color

ang # start angle 

px # currect point x,y
py 
if( px^2 + py^2 <= r2^2 AND px^2 + py^2 >= r1^2  )  # lies in ring?
    t= atan2(py-cy,px-cx)+ang
    t= t+ pi # atan2 is from -pi to pi
    if (t > 2* pi) # it might over 2pi becuse of +ang
       t=t-2*pi
    t=t/(2*pi) # normalise t from 0 to 1
    color = (c1 * t) + (c2 * (1 - t))

这个算法的问题是 ang 实际上是错误的，应该按 pi 旋转并在 0 到 2pi 之间标准化。

Answer 3

根据评论，您想要的仍然可以被视为线性渐变 - 即您有一条从圆的中心到外部的线，并且沿着该线有一个线性渐变。因此，计算结果实际上与您已有的计算结果相同。

编辑：好吧，显然我误解了你想要的。要计算围绕半径运行的梯度，您基本上仍然将其线性化 - 计算出该半径处的周长 (2*Pi*R)，然后沿该长度的线进行线性插值。