请问如何实现折射效果

fantasy

大家帮帮我吧[em4]

像热气流，不均匀的玻璃等，实现比较像的折射效果，
我看过ogre的compositor的玻璃后处理效果，但那个效果不尽如人意，ogre是这样实现的
sampler RT : register(s0);
sampler NormalMap : register(s1);
float4 main_ps(float2 iTexCoord : TEXCOORD0) : COLOR
{
  float4 normal = 2 * (tex2D(NormalMap, iTexCoord * 2.5) - 0.5);
  return tex2D(RT, iTexCoord + normal.xy * 0.05);
}
大意就是将后处理图的纹理坐标加上一张法图的偏移量
如果用photoshop的玻璃滤镜实现，效果比较好，请问有没有人实现过类似photoshop玻璃滤镜的算法，麻烦指教下我吧。
可以看看ogre和photoshop实现的效果




[em4] [em4] [em4] [em4]

oz01

实时渲染的效果你也别太较真了……
ps滤镜没办法实现实时渲染吧？

monkeyboi

我看到过一个水面反射的 不过你可以借鉴一下 大概就是根据点的法线 然后用noise贴图来修改法线 然后根据改变后的法线计算折线

fantasy

先谢过楼上两位
我想ps滤镜是可以实现渲染的，像高斯模糊，运动模糊这样的滤镜，在游戏中也常有出现。ogre上实现的跟ps实现不像是算法不同而已，如果知道ps的算法，我想应该可以在游戏中实现的。
谢谢monkeyboi兄，如果只是后处理图的话，我想不需要顶点法线也可以吧，对noise贴图修改法线比较感兴趣，有源码吗？

monkeyboi

float4 PSmain(float3 pos: TEXCOORD0, float3 normal: TEXCOORD1, float3 vVec: TEXCOORD2) : COLOR {
   pos.x += waveSpeed * time_0_X;
   pos.y += noiseSpeed * time_0_X;
       
   float4 noisy = tex3D(Noise, pos);

   // Signed noise
   float3 bump = 2 * noisy - 1;
   bump.xz *= 0.15;
   // Make sure the normal always points upwards
   bump.y = 0.8 * abs(bump.y) + 0.2;
   // Offset the surface normal with the bump
   bump = normalize(normal + bump);

   // Find the reflection vector
   float3 reflVec = reflect(vVec, bump);
   float4 refl = texCUBE(Skybox, reflVec);

   float lrp = 1 - dot(-normalize(vVec), bump);

   // Interpolate between the water color and reflection
   float temp = 0.0;
   temp = sin(time_0_X);
   temp = abs(temp);
   refl.x += temp*0.5;
   return lerp(waterColor, refl, saturate(fadeBias + pow(lrp, fadeExp)));
}

fantasy

再次谢过monkeyboi兄，看到reflect这个反射函数，就查了下refract折射函数，现试试如果用法线图表示顶点法线，会得出怎样的结果

tonykee

差不多就是NormalMap 的uv偏移扰动water折射效果，方法和楼主的类似

monkeyboi

恩 差不多 不用客气

clayman

不同的noise/normal map出来的效果完全不一样，关键在选的noise map是否合适
http://http.developer.nvidia.com/GPUGems2/gpugems2_chapter19.html