unity shader教學 在 コバにゃんチャンネル Youtube 的最佳貼文
「unity shader教學」的推薦目錄：
- 關於unity shader教學 在 コバにゃんチャンネル Youtube 的最佳貼文
- 關於unity shader教學 在 大象中醫 Youtube 的精選貼文
- 關於unity shader教學 在 大象中醫 Youtube 的最佳貼文
- 關於unity shader教學 在 [程式] 超新手shader language 教學文(三a) - 看板GameDesign 的評價
- 關於unity shader教學 在 一起學Unity Shader (一)：新手入門(Unity 線上讀書會) - YouTube 的評價
- 關於unity shader教學 在 Unity Taiwan - Unity官方講師之Shader教學第二部來囉！ 的評價
- 關於unity shader教學 在 Unity Shader Graph 教學在PTT/Dcard完整相關資訊 - 數位感 的評價
- 關於unity shader教學 在 Unity Shader Graph 教學在PTT/Dcard完整相關資訊 - 數位感 的評價
unity shader教學 在 Unity Taiwan - Unity官方講師之Shader教學第二部來囉！ 的美食出口停車場
Unity 官方講師之Shader教學第二部來囉！ ... 第二期Unity着色器训练营着色器其实对于不少开发者来说，一直充满神秘感。它既不像场景视图中的物件那么直观，也不像Unity ... ... <看更多>
unity shader教學 在 [程式] 超新手shader language 教學文(三a) - 看板GameDesign 的美食出口停車場
有人問為什麼 youtube 看的教學都是用拉的，
我前面幾篇都要自己寫 code?
那種拉來拉去的工具叫 Visual Shader Editor，
為了說明 Visual Shader Editor 和 Shader Language 的關係，
我做了個影片，
影片會用 Visual Shader Editor 重寫上面雷射光的 code。
// code 原來大概是長這樣
vec2 uv.y = uv.y - 0.5;
vec4 color = vec4(0.9,0.5,0.3,1);
float coeff = abs(5.0/(200*uv.y));
fragColor = (coeff,coeff,coeff,1)*color;
影片
https://youtu.be/StYf2IEB70U
影片說明
0:00 - 0:23 建立一個 ColorRect
0:23 - 0:55 改畫面大小和顏色
0:55 - 1:09 打開 Visual Shader Editor
1:09 - 1:40 把 Spatial mode 改成 CanvasItem，並建立 uv input
1:40 - 2:28 取得 uv.y 的值
2:28 - 3:01 uv.y = uv.y - 0.5 (畫面中間)
3:01 - 3:48 coeff = abs( 5.0 / ( 100 * uv.y ))
3:48 - 5:30 COLOR = vec4(coeff, coeff, coeff, 1) * vec4(0.9, 0.3, 1)
以直接畫在一個 2D canvas 的例子，
自己寫 code 比用 visual shader editor 簡單易懂多了。
visual shader editor 用在 3D 物件的著色比較好用。
而且不先學寫 code，
直接學拉來拉去那套，
應該也看不懂吧?
至少我是這樣啦
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 61.228.97.156 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/GameDesign/M.1632810279.A.754.html
看到這類用少少幾行 (或一二百行) 字，
所能表現出的驚人的畫面的程式，
會讓人有窺伺到世界構成的真理 (大一統理論?) 的感覺。
啊，這裡不是哲學版 XD
※ 編輯: meowyih (61.228.97.156 臺灣), 09/28/2021 15:53:18
... <看更多>