GLSL实现Fresnel And Chromatic aberration 【转】
http://blog.csdn.net/a3070173/archive/2008/11/13/3290091.aspx
使用Shader实现菲涅尔和颜色色散效果很简单,在Cg教程和OpenGL Shader Language都有较
为详细的介绍,个人觉得需要注意的地方是反射向量和折射向量应该在世界空间中进行计算,
在模型空间和照相机空间中计算都会导致错误的结果.
具体着色器代码:
顶点着色器:
const float g_fEta = 0.66; // 空气和玻璃的折射材质比例
const float g_fEtaR = 0.65;
const float g_fEtaG = 0.67;
const float g_fEtaB = 0.69;
const float g_fFresnelPower = 0.8;
const float f = ((1.0-g_fEta) * (1.0-g_fEta)) / ((1.0+g_fEta) * (1.0+g_fEta));
uniform vec3 g_vec3CamerePositionInWorld;
uniform int g_iRenderMode;
varying vec3 g_vec3Reflect;
varying vec3 g_vec3Refract;
varying vec3 g_vec3Refract_R;
varying vec3 g_vec3Refract_G;
varying vec3 g_vec3Refract_B;
varying float g_fFresnelRatio;
void main()
{
vec3 NV = normalize(gl_Vertex.xyz - g_vec3CamerePositionInWorld);
vec3 N = gl_Normal;
// 计算Fresnel比例
g_fFresnelRatio = f + (1.0 - f) * pow((1.0 - dot(-NV, N)), g_fFresnelPower);
// 计算反射和折射光线
if (g_iRenderMode == 0)
{
g_vec3Reflect = reflect(NV, N);
g_vec3Reflect.y = -g_vec3Reflect.y;
}
else if (g_iRenderMode == 1)
{
g_vec3Refract = refract(NV, N, g_fEta);
g_vec3Refract.y = -g_vec3Refract.y;
}
else if (g_iRenderMode == 2)
{
g_vec3Reflect = reflect(NV, N);
g_vec3Reflect.y = -g_vec3Reflect.y;
g_vec3Refract = refract(NV, N, g_fEta);
g_vec3Refract.y = -g_vec3Refract.y;
}
else
{
g_vec3Reflect = reflect(NV, N);
g_vec3Reflect.y = -g_vec3Reflect.y;
g_vec3Refract_R = refract(NV, N, g_fEtaR);
g_vec3Refract_R.y = -g_vec3Refract_R.y;
g_vec3Refract_G = refract(NV, N, g_fEtaG);
g_vec3Refract_G.y = -g_vec3Refract_G.y;
g_vec3Refract_B = refract(NV, N, g_fEtaB);
g_vec3Refract_B.y = -g_vec3Refract_B.y;
}
gl_Position = ftransform();
}
}
片元着色器:
varying vec3 g_vec3Reflect;
varying vec3 g_vec3Refract;
varying vec3 g_vec3Refract_R;
varying vec3 g_vec3Refract_G;
varying vec3 g_vec3Refract_B;
varying float g_fFresnelRatio;
uniform samplerCube g_Cubemap;
uniform int g_iRenderMode;
void main()
{
vec3 vec3FinalColor = vec3(0.0);
if (g_iRenderMode == 0)
{
vec3FinalColor = vec3(textureCube(g_Cubemap, g_vec3Reflect));
}
else if (g_iRenderMode == 1)
{
vec3FinalColor = vec3(textureCube(g_Cubemap, g_vec3Refract));
}
else if (g_iRenderMode == 2)
{
vec3 vec3ReflectColor = vec3(textureCube(g_Cubemap, g_vec3Reflect));
vec3 vec3RefractColor = vec3(textureCube(g_Cubemap, g_vec3Refract));
vec3FinalColor = mix(vec3RefractColor, vec3ReflectColor, g_fFresnelRatio);
}
else
{
vec3 vec3ReflectColor = vec3(textureCube(g_Cubemap, g_vec3Reflect));
vec3 vec3RefractColor = vec3(0.0);
vec3RefractColor.r = vec3(textureCube(g_Cubemap, g_vec3Refract_R)).r;
vec3RefractColor.g = vec3(textureCube(g_Cubemap, g_vec3Refract_G)).g;
vec3RefractColor.b = vec3(textureCube(g_Cubemap, g_vec3Refract_B)).b;
vec3FinalColor = mix(vec3RefractColor, vec3ReflectColor, g_fFresnelRatio);
}
gl_FragColor = vec4(vec3FinalColor, 1.0);
}
Demo效果图:

exe文件:http://www.fileupyours.com/view/219112/GLSL/Fresnel%20And%20Chromatic%20aberration%20Demo.rar
GLSL实现Fresnel And Chromatic aberration 【转】的更多相关文章
- [Unity]游戏Inside中的Chromatic Aberration效果学习
Chromatic Aberration效果指的是模拟摄像机的拍摄瑕疵导致rgb三个通道的颜色发生了偏移,如 传统的Chromatic Aberration实现往往是基于一个后处理,将rgb采样的坐标 ...
- chromatic aberration
https://github.com/keijiro/KinoFringe https://en.wikipedia.org/wiki/Chromatic_aberration 色差偏移 做神经病效果 ...
- Unity3D-美术相关
1.导入动画 (1)使用预分解的动画模型,导入后面板中会含有一个可用的动画片段列表. (2)使用未分解的动画模型,自行添加动画片段. (3)使用多个动画文件,模型与动画分离.对于goober.fbx模 ...
- UI篇之——用户体验
内容均为原创,转载请注明处处谢谢. 用户体验(User Experience,简称UX)是一个关于用户(users)以及交互(interactive)技术系统领域的整体概念.具体来说,它代表了一个网站 ...
- Unity3d 2017
Unity3d引擎的新纪元--Unity3d 2017 来源 http://blog.csdn.net/dark00800/article/details/75209544 Unity3d不久之前正式 ...
- UE4 PostProcessVolume笔记
透镜:Lens Bloom 光溢出 VDirt Mask 光溢出泥土蒙版 Depth of Filed 景深 V Eye Adaptation (Auto-Exposure) 人眼适应 V这个效果有时 ...
- 【CV】ICCV2015_Unsupervised Visual Representation Learning by Context Prediction
Unsupervised Visual Representation Learning by Context Prediction Note here: it's a learning note on ...
- ICCV 2017论文分析(文本分析)标题词频分析 这算不算大数据 第一步:数据清洗(删除作者和无用的页码)
IEEE International Conference on Computer Vision, ICCV 2017, Venice, Italy, October 22-29, 2017. IEE ...
- 走进VR游戏开发的世界
http://geek.csdn.net/news/detail/76504 我们组在2014年下半年尝试开发了一款Xbox One平台的体感游戏,2015年上半年进行收尾工作的同时,结合之前积累的体 ...
随机推荐
- Java中的DeskTop类使用介绍
在Jdk1.6以后新增加了一个类--DeskTop,在JDK中它的解释是这样的: The Desktop class allows a Java application to launch assoc ...
- Android-AnimationDrawable(三)运行的几种方式
项目开发用到了AnimationDrawable,调用start后没有运行,很纳闷.google搜了下.记录一下. 这个AnimationDrawable.start不能直接写在onClick,onS ...
- “FormCRUD.csProj.FormMain.Name”隐藏了继承的成员“System.Windows.Forms.Control.Name”。如果是有意隐藏,请使用关键字 new。
一旦运行就显示:“FormCRUD.csProj.FormMain.Name”隐藏了继承的成员“System.Windows.Forms.Control.Name”.如果是有意隐藏,请使用关键字 ne ...
- Android访问权限大全
android.permission.ACCESS_CHECKIN_PROPERTIES 允许读写访问”properties”表在checkin数据库中,改值可以修改上传( Allows read/w ...
- SeleniumIDE与eclipse如何连接使用
[秦菲]SeleniumIDE与eclipse如何连接使用 1. 打开Firefox,利用IDE录制脚本(依次点击浏览器界面:工具->Selenium IDE)2. 把录制好的脚本转换成其他语言 ...
- IOS-day03_OC中的get和set
OC中的get和set实质和C#/java中的一样 只是表现形式不同而已 如下: @interface Car : NSObject { int wheels; } -(void) run; -(vo ...
- C++实现网格水印之调试笔记(六)——补充
调用matlab生成的网格水印特征向量矩阵 从文件中读取的原始网格的特征向量矩阵 好吧,之前得出的结果不正确是因为代码写错了.因为实现论文中的提取方案时代码写错了,自己想了另外一个方法,结果方向两者在 ...
- 【转】JS设计模式开篇
(原文地址:http://blog.chinaunix.net/uid-26672038-id-3904513.html) 本文主要讲述一下,什么是设计模式(Design patter ...
- CSS:不可思议的border属性
原文:Magic of CSS border property 译文:不可思议的CSS border属性 译者:dwqs 在CSS中,其border属性有很多的规则.对于一些事物,例如三角形或者其它的 ...
- bzoj 2229 [Zjoi2011]最小割(分治+最小割)
[题目链接] http://www.lydsy.com/JudgeOnline/problem.php?id=2229 [题意] 回答若干个关于割不超过x的点对数目的询问. [思路] [最小割最多有n ...