技術 Day 21｜WebGPU 實作「基本光照與材質」

這一篇把你的 WebGPU 畫面從「只有顏色」升級到「有光、有材質貼圖」。我們會做三件事： 建立 Uniform（相機/光/材質參數）， 建立 材質貼圖 +...

技術 Day 20｜在 WebGPU 中載入並繪製模型

目標很單純：把一個 .OBJ 模型檔載入→轉成頂點/索引→丟到 GPU→畫在 <canvas> 上。我們用最保守、好懂的做法：OBJ（位置/法線/...

技術 Day 19｜WebGPU Compute Shader 的基礎範例

上一篇我們對 Compute Shader有了基本的認識 ，今天把觀念補齊：工作群組（Workgroup） 怎麼分工？同步（Barrier） 在避免資料競爭扮...

技術 Day 16｜WebGPU 是什麼？與 WebGL 的差異與優勢

先用一句大白話：WebGL 像在瀏覽器裡使用「老派的 OpenGL ES」來畫圖；WebGPU 則把「現代顯示卡的工作方式（Vulkan / Metal /...