Language
English中文
cover_photo

Shader 學習資源整理

一份整理 shader 教學與學習路線的連結清單

Quick answer

Shader 學習資源整理:這篇文章整理我學習 shader 時覺得有幫助的資源。Shader 學習一開始會很抽象,因為它同時涉及圖形學、數學、GPU 執行模型與視覺實驗。

審閱狀態:可審閱後發布

這篇文章整理我學習 shader 時覺得有幫助的資源。Shader 學習一開始會很抽象,因為它同時涉及圖形學、數學、GPU 執行模型與視覺實驗。

比較好的學習方式,是先從可以立即看到結果的小片段開始,例如顏色、座標、noise、距離場與簡單動畫。

接著再逐步理解 vertex shader、fragment shader、uniform、attribute、varying,以及資料如何從 CPU 傳到 GPU。

資源清單本身很適合作為筆記,但建議加入每個連結適合的程度:入門、互動練習、圖形學概念、WebGL 實作或進階 shader technique。

這篇可以發布為資源整理文,但需要定期更新連結狀態。

相關素材

以下整理原文中的圖片、連結、程式碼與 MDX component,作為延伸閱讀與技術參考。

連結

FAQ

這篇文章主要在介紹什麼?

這篇文章整理我學習 shader 時覺得有幫助的資源。Shader 學習一開始會很抽象,因為它同時涉及圖形學、數學、GPU 執行模型與視覺實驗。

這篇文章適合誰閱讀?

適合想理解 Shader 學習資源整理 背後實作、設計取捨與學習脈絡的讀者。

Buy me a coffee