著色器示例
每個示例都在各自的頁面中於瀏覽器內執行:在文字方塊中編輯著色器,然後按 Run(執行)重新編譯。每個演示下方的原始碼與該演示正在執行的文字完全相同,因此可以直接複製出來。
大多數示例是為 ShaderToy 編寫的,原樣貼上回 ShaderToy 即可執行:iTime、iResolution 和 iMouse 被對映到互動演示的 uniform 上,而不是從程式碼片段中改寫掉。
| 示例 | 展示內容 |
|---|---|
| 3D 球體 | 對有向距離場進行光線步進,帶光照和陰影。 |
| 黑洞 | 引力透鏡、吸積盤和光子環。拖動可環繞觀察。 |
| 雲隧道 | 視差星空之上的螺旋等離子隧道。 |
| 數字計數器 | 完全由距離函式繪製的七段數碼管數字。 |
| 流動的草場 | 單次渲染完成的風吹草地。拖動可環顧四周。 |
| 數字顯示 | 不使用字型或紋理來渲染數字。 |
| 視差貼圖 | 沿視線方向偏移紋理座標,模擬表面深度。 |
| 光線步進雲 | 體積雲:密度、自陰影和前向散射。拖動可環繞觀察。 |
| 科幻隧道 | 由重複的極座標幾何構建的動畫走廊。 |
| 隧道 003 | 另一個隧道,採用不同的紋理和配色方法。 |
3D 球體(3D 光線步進)
程式碼片段:連結