本篇文章更新時間：2025/12/29
如有資訊過時或語誤之處，歡迎使用 Contact 功能通知。
一介資男的 LINE 社群開站囉！歡迎入群聊聊～
如果本站內容對你有幫助，歡迎使用 BFX Pay 加密貨幣 或 新台幣 贊助支持。
內容目錄
Scratchapixel：一個把電腦圖學變簡單的學習寶庫
用最直覺的方式重新理解 3D、數學與影像的背後邏輯
編輯前言：如果你想理解電腦圖學（Computer Graphics），但被複雜的數學與框架嚇退，Scratchapixel 是我遇過最友善、最扎實的免費資源之一。本篇筆記源自 Scratchapixel。
核心觀點 (Key Takeaways)
- Scratchapixel 強調「先看得見、再談原理」，用實作導向降低電腦圖學的入門門檻。
- 內容涵蓋從 3D rendering、數學、影像處理、到程式生成世界等多元主題，是一座完整的學習地圖。
- 作者以貼近工程實務的方式講解概念，不只是教材，而像是你專屬的圖學 Mentor。
深入解析
Scratchapixel 的首頁一句話就把整個網站的氣質點亮了：「Learn computer graphics from scratch and for free.」換句話說，你只需要帶著好奇心，就能從零開始拆解影像生成的世界。以下是各主要單元的重點整理。
-
The Foundations of 3D Rendering：從畫面開始，而不是理論開始
這是我最喜歡的單元。多數電腦圖學教材從複雜的數學、光照方程式或矩陣開始，但 Scratchapixel 反其道而行，讓你「先看到結果，再學為什麼」。例如它會帶你用簡單程式碼產生一張圖，讓渲染變得具體可見，再慢慢拆解背後的運算與原理。這種教法對初學者非常友善。 -
Mathematics for Computer Graphics：圖學數學的隨時查閱庫
這區域不是從零開始學數學，而是當你在 3D、影像或幾何單元遇到關鍵概念（例如向量、矩陣、變換）時，可以回來查的「配套參考書」。作者強調：學不懂很正常，它就是要你需要時再回來查。 -
Computer Graphics Gems：散落但珍貴的圖學技巧
這類內容像是「圖學黑客松」的精華筆記，收錄了不一定能歸類、但非常實用的小技巧。適合已具備基本知識後進一步拓展視野。 -
Geometry、Digital Imaging、Procedural Generation、Tooling：實務工作者必備的延伸技能
這些主題涵蓋建立 3D 形狀、影像檔案格式與色彩管理、程序化世界生成、以及操作 3D 工具的技巧。若你做遊戲、動畫、視覺特效或 3D 工具開發，這些都非常實戰。
筆者心得與啟發
讀完後，我最大的感受是：Scratchapixel 把「電腦圖學」這門通常被視為艱澀的領域，重新拆解成一般人也能吸收的知識結構。它用的是非常工程師、非常務實的角度：先讓你看到結果，再幫你建立理解模型。
這讓我重新思考，原來許多看似困難的領域，其實不是知識本身晦澀，而是教法不對。如果你對影像、渲染、遊戲引擎或 3D 模型有興趣，我真心建議把 Scratchapixel 當作一套循序漸進的陪讀教材。特別是對自學者，這裡的教學方式會讓你更快建立信心。
未來我也想把網站中的某些技術主題（例如光線追蹤、色彩管理或程序化世界生成）拆成更細的讀書筆記，作為進階學習的延伸。這是一個值得反覆閱讀的網站。