LibGDX下弯曲水网格实现水折射Shader的技术问题咨询

你可以正常获取水网格后方的对应纹理，你之前对FrameBuffer的使用存在误区，它的矩形特性完全不影响弧形网格的折射效果实现，具体实现方案如下：

1. 调整渲染流程 #

• 首先创建与窗口视口尺寸一致的FrameBuffer实例，渲染所有层级在水下方的场景内容（行星表面、背景、地面元素等）到该FrameBuffer中，这一步不要渲染水网格本身。
• 解绑FrameBuffer，获取其输出的颜色纹理，该纹理存储了当前屏幕范围内所有水后方场景的完整内容。
• 渲染水网格时，将上述FrameBuffer纹理作为sampler2D传入着色器即可。

2. 修改着色器逻辑 #

你当前着色器使用网格自带的uv坐标v_texCoords采样背景纹理，这是导致你认为FrameBuffer不适用的核心问题，只需要将背景采样的坐标替换为片元对应的屏幕空间坐标即可：

• 在顶点着色器中新增varying vec2 v_screenPos;变量，顶点坐标经过投影矩阵变换后，将裁剪空间坐标映射到0~1范围赋值给该变量：

  gl_Position = u_projTrans * vec4(a_position, 0.0, 1.0);
  v_screenPos = (gl_Position.xy / gl_Position.w) * 0.5 + 0.5;
  

• 在片元着色器中，将背景采样逻辑替换为使用v_screenPos采样：

  // 替换原来的v_texCoords采样
  vec4 color = texture2D(texture, v_screenPos + distort_sum, 0.0);
  

3. 适配原有效果 #

• 你原有逻辑中使用v_texCoords.y实现的水边缘透明、波浪高度控制等效果可以完全保留，这部分使用网格自身的uv控制是正确的。
• 如果项目支持窗口大小调整，需要在视口变更时重新创建对应尺寸的FrameBuffer，避免采样出现拉伸错位。

内容的提问来源于stack exchange，提问作者Pierrot Bartoulou