Newshot

当 AI 能替你写着色器时,还要学着色器吗?

Translation(model translation, not the source's own text)

拖动数字,或直接编辑代码

这门课程面向懂 JavaScript 或 C/C++、但从未写过着色器的人。每节课左侧显示实时画面,右侧是绘制它的代码:拖动代码中的任意数字,或直接编辑代码本身。

  • 01 片段与数据
  • 02 用数学绘制形状
  • 03 时间、交互与重复
  • 04 纹理与噪声
  • 05 数据变成顶点
  • 06 空间、相机与深度
  • 07 表面与光照
  • 08 Three.js 为你写了什么
  • 09 多遍绘制
  • 10 其他片段输出
  • 11 GPU 怪癖
  • 12 从画面到配方

整门课程把这个星球拆解开来:数据 → 顶点 → 光栅化 → 片段 → 输出。在最后一课,你亲手重写它。

试一试

  • 看看山峰和水面:明暗呈条带状,而不是平滑渐变
  • 可以从目录中的任意一章开始;随时都能回来

由 @huozhi 制作

Only about 385 characters could be extracted — the rest did not come through (common on sites that need scrolling or a login). Read the original for the full piece.

Published by HN AI
This site only summarises and aggregates; copyright stays with the original author. Headlines and summaries follow the source — where they differ, the original wins.
Read the original ↗