對於一次直播分享的文字版記錄 (建議看視訊), 視訊雲盤連結 全篇主要分為幾個方向進行了介紹:

1. Computer Graphics相關
2. WebGL相關
3. Threejs相關
4. Q&A 暫不記錄

注意下述內容與直播內容可能稍微存在差異。

Computer Graphics - 計算機圖形學相關

什麼是圖形學? 如何學習計算機圖形學?

計算機圖形學就是研究如何在計算機中表示圖形、以及利用計算機進行圖形的計算、處理和顯示的一門學科。

上圖包含101的免費分享內容,視訊學習推薦某站閆大的Game101講解(~~找不到的小夥伴, 需要連結獲取可以評論)

Rasterization 光柵化

Ray Tracing & Ray Casting

WebGL

WebGL內容概述

WebGL is just a rasterization engine. It draws points,lines,and triangles based on code you supply. Getting WebGL to do anything slse is up to you to provide code to use points,lines and Triangles to accomlish your task.

GLSL - 著色器語言

ThreeJs

Threejs Overview - Threejs概述

How to learn Threejs - 如何學習threejs

Threejs EXample - Threejs示例

帶著思路回頭再去看示例程式碼 頓時會感覺很簡單.

最後

視覺化相關的架構設計,原始碼學習，日常開發。我會逐步進行深入分享。如果對你有幫助請關注我後續的內容。有需要的同學可以加一下我的聯絡方式(在我的主頁,拉你進群聊)。