WebGL着色器函数声明

关注

原创最新推荐文章于 2026-08-26 14:28:50 发布 554 阅读 AI 写同款· GEO 优化 ›

Unity SRP渲染管线深度解析：从内置管线到URP/HDRP的Shader迁移与架构差异在实时图形渲染领域，渲染管线是决定图形应用性能与表现的核心架构。其原理在于定义从3D场景数据到最终屏幕像素的完整处理流程，传统固定功能管线虽易用但缺乏灵活性。随着硬件发展与画质需求提升，可编程渲染管线（SRP）技术应运而生，它通过脚本化、模块化的方式赋予开发者对渲染流程的精细控制权，从而在性能优化与效果定制间取得平衡。这一技术价值在游戏开发、虚拟现实等需要跨平台适配与高质量视觉的场景中尤为凸显。Unity引擎的SRP框架正是这一趋势的典型实践，其包含的URP（通用渲染管线）与HDRP（高清渲染管线）代表了从阅读详情

函数

本文是WebGL教程(电子书)的2.13节内容

WebGL着色器和javascript语言、C语言一样可以声明函数，着色器声明函数方式类似C语言。

有返回值

把函数计算后需要返回的值通过关键字return返回，注意声明函数时候，函数名称前需要声明return返回值的数据类型。

// 声明一个函数
float add(float x,float y){
  return x + y
}
void main(){
  // 调用函数
  float x = add(1.0,2.8);
  ...
}

返回值数据类型 函数名称(参数1,参数2...){
  return 函数返回值
}

无法返回值`void`

自定义函数无返回值的时候，和主函数main一样，使用关键字void声明函数。

vec3 direc = vec3(1.0,0.0,0.0);
// 声明一个函数，改变变量direc的x分量
void fun(){
  // 通过函数改变参数x分量
  direc.x = 50.0;
}
void main(){
  // 执行函数
  fun();
  ...
}

`out`

自定义声明一个函数，传入一个参数，默认情况下，参数被修改了，但是并不影响传入的参数对应变量的值，如果使用out关键字声明参数变量，函数内部改变参数，函数外参数对应的变量会改变，你可以通过下面的代码在着色器中进行测试。

// 使用out关键字声明dir参数
float fun(out vec3 dir){
  // 如果使用了out关键字，改变dir的值，dir对应的外部变量direc会被修改
  dir.x = 100.0;
  return dir.x*dir.x;
}
vec3 direc = vec3(1.0,0.0,0.0);
void main() {
  fun(direc);
  // 通过WebGL点渲染验证direc变量是否被fun函数改变
  gl_PointSize=direc.x;
  gl_Position =vec4(0.0,0.0,0.0,1.0);
}