顏色和距離可以很直觀想到上色的方法,只需要簡單的判斷距離大於還是小於 0 ,判斷像素是在形狀的內部側還是外側,以此來選擇顏色。我們可以透過簡單的插值函數來達到目的,只需要將距離作為插值的權重來選擇顏色。
呈現這種奇怪結果的原因是我們直接將距離作為 lerp 的權重值,由於距離值的範圍會超出 0 和 1 之間,再加上無條件進位而導致插值計算出奇怪的結果。
所以我們只需要將權重限制在合理的範圍內即可,可以使用限制函數 saturate 將範圍限制在 0 ~ 1 之間。
這篇是基本的上色方法,後面將不再重複