SuperAPI AI 工具集

shader-fundamentals

设计与创作

查看项目

更新于 10-15 17:24

技能介绍

用途:这是关于 GLSL(OpenGL 着色语言)着色器基础的技能资料,帮助理解 GPU 上运行的着色器工作原理。顶点着色器负责变换几何体,片段着色器负责为像素上色,资料按图形管线顺序讲清各阶段职责。

主要能力:

  • 数据与变量:介绍标量、向量、矩阵、采样器,以及 swizzling 用法;区分 uniform(CPU 到 GPU,单次绘制内恒定)、attribute(仅顶点着色器,每顶点数据)、varying(顶点到片段,插值传递)。
  • 内置变量:顶点阶段的 gl_Position、gl_PointSize;片段阶段的 gl_FragCoord、gl_FrontFacing、gl_PointCoord、gl_FragColor。
  • 坐标空间:从局部/物体空间经 modelMatrix、viewMatrix、projectionMatrix 到裁剪空间、NDC、屏幕空间的完整变换链,并给出 Three.js/R3F 常用矩阵。
  • 内置函数:数学、指数、取整、clamp、mix、step、smoothstep,以及向量类的 length、dot、cross、normalize、reflect 等。
  • 常见模式:UV 居中、平铺、极坐标;灰度、对比度、亮度、饱和度、伽马校正;硬边/软边/抗锯齿过渡。

使用方式:资料附带 basic.glsl 与 fullscreen.glsl 模板及 SKILL.md、references 参考文件;编写时按管线组织顶点与片段着色器,注意片元着色器需声明精度(如 precision highp float;)。

适用场景:WebGL/Three.js 自定义材质、全屏特效、程序化颜色与几何变换等。

限制与缺失:资料未提供具体安装命令、收费、平台支持或效果性能数据,这些暂未提供。