sdSegment 原理

float sdSegment( in vec2 p, in vec2 a, in vec2 b )
{
    vec2 pa = p-a, ba = b-a;
    float h = clamp( dot(pa,ba)/dot(ba,ba), 0.0, 1.0 );
    return length( pa - ba*h );
}

原理:
$\vec{u}$ 在 $\vec{v}$ 在夹角是 $\theta$ 的投影长度是:

$$｜\vec{F}｜=|\vec{u}|cos\theta$$

结合点乘公式:
$$\vec{u}\cdot \vec{v}=|\vec{u}||\vec{v}|cos\theta$$

投影长度可以写成:
$$｜\vec{F}｜=\frac{\vec{u}\cdot \vec{v}}{|\vec{v}|}$$

因为$\vec{F}$ 和 $\vec{v}$ 方向相同, 只是长度不同。那么投影长度占向量$\vec{v}$长度的比例:
$$\begin{array}{rl}h& =\frac{\vec{u}\cdot \vec{v}}{|\vec{v}{|}^2}\\ & =\frac{\vec{u}\cdot \vec{v}}{\vec{v}\cdot \vec{v}}\end{array}$$