2D 著色器:展示


效果圖


原理
????????當(dāng)我們?cè)谟螒蛑姓故灸硺拥谰呋蛉宋飼r(shí),偶然會(huì)需要用到類似的效果作為背景。
????????原理是根據(jù) UV 坐標(biāo)和時(shí)間的變化,計(jì)算出一個(gè)值,然后根據(jù)這個(gè)值來(lái)混合兩種顏色。我們需要計(jì)算出像素相對(duì)于中心點(diǎn)的極坐標(biāo)。極坐標(biāo)是一種用角度和半徑來(lái)表示平面上點(diǎn)位置的坐標(biāo)系統(tǒng),它適合表示圓形或者旋轉(zhuǎn)相關(guān)的圖形。我們使用?UV - 0.5
?將 UV 的原點(diǎn)移動(dòng)到中央,然后使用 atan?函數(shù)來(lái)計(jì)算出偏移向量的角度。我們需要計(jì)算出像素所在的條紋區(qū)域,使用正弦函數(shù)來(lái)模擬條紋的周期性變化,并根據(jù)角度和時(shí)間來(lái)調(diào)整其位置和速度。

源代碼