此系列是試錯筆記,并非教程。
WebGPU[1] 三角形
WebGPU[2] 顔色與緩存
WebGPU[3] 多重采樣抗鋸齒
WebGPU[4] 紋理三角形
WebGPU[5] uniform顔色
使用 WGSL
wgsl,即 WebGPU Shader Language,專為 WebGPU 設計
為什麼不用 glsl 轉 spir-v ?
因為終究會廢棄,雖然 wgsl 更新非常頻繁,但是一路一點點學習,有助于成長式學習。
技術前提
- ECMAScript 标準中的 async / await 的文法糖用法或 Promise 用法。
- DOM 基本知識。
- 有一定的 WebGL 基礎。
指路
http://austin-eng.com/webgpu-samples/
https://gpuweb.github.io/gpuweb/
https://gpuweb.github.io/gpuweb/wgsl.html
https://github.com/hjlld/LearningWebGPU
代碼癖
二空格縮進,js不帶分号,用單引号和模闆字元串。
使用 VSCode,為最接近本質,使用最原始的三劍客開發(html、css幾乎沒有,聚焦于 js 和 wgsl)
投食
沒有二維碼,請給我一個能摸魚研究學習,工資又能養個賢惠老婆的崗位。