天空盒

效果

屏幕漸變色背景

目的

• 學(xué)習(xí)制作天空盒Shader內(nèi)容

• 使用開(kāi)關(guān)控制是頂點(diǎn)或者屏幕著色。

實(shí)現(xiàn)漸變色天空盒

• 定義變量

定義2個(gè)顏色，倆個(gè)變量控制顯示的顏色大小，一個(gè)開(kāi)關(guān)

• 定義渲染層級(jí)

• 頂點(diǎn)著色器階段

計(jì)算出屏幕空間

• 片元著色器階段

效果

代碼

總結(jié)

• 這是一個(gè)小的天空盒效果，實(shí)現(xiàn)漸變效果，可以做展示背景。

• 需要注意的是Pass內(nèi)不需要設(shè)置光照渲染。

擴(kuò)展：如果使用頂點(diǎn)i.positionOS.x或者i.positionOS.z會(huì)有什么效果

• 設(shè)置頂點(diǎn)著色器X

  float staticSwitch = i.positionOS.x;

  就是左右顏色漸變，下圖是我調(diào)整的一個(gè)對(duì)比明顯的效果。

• 設(shè)置頂點(diǎn)著色器Z

• float staticSwitch = i.positionOS.z;

  設(shè)置z的效果是中間到邊緣的漸變效果。