OpenGL（十四）环境反射 环境折射 的shader实现

最新推荐文章于 2023-05-09 19:22:15 发布
最新推荐文章于 2023-05-09 19:22:15 发布
阅读量2.1k 收藏 4
点赞数
分类专栏： OpenGL OpenGL 从入门到起飞 文章标签： OpenGL Shader 光照模型 反射 折射
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fansongy/article/details/79128108
版权
本文介绍了在OpenGL中利用天空盒实现环境反射和折射的原理及Shader代码。通过法线方向传递到shader，计算反射和折射光线，结合天空盒产生效果。折射率可通过查找对照表获取。
摘要由CSDN通过智能技术生成

在上一节我们讲解了如何制作天空盒，本篇文章介绍它的一个衍生功能——在物体上叠加 环境反射 。

核心原理

核心很简单，在天空盒中，视线照射到天空盒上的区域即需要绘制的部分。在环境反射中，需要绘制的区域变成了视线在物体表面的反射光线，反射光线照射到天空盒的位置即要绘制的部分。

环境反射

按照上面的说法，将法线方向传入shader中，具体编写如下：




                

        

        

    

  


        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  松阳
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
OpenGL反射和折射

				
			

			

				

					希望我的博客，能帮上你解决学习中工作中所遇到的问题
				

				

					03-21
					
					418
					
				

			

		

		

			
				
OpenGL反射和折射先上图，再解答。完整主要的源代码源代码剖析
先上图，再解答。

完整主要的源代码
#include <stdio.h>
#include <math.h>
#include "GL/glus.h"
static GLUSprogram g_program;
static GLint g_viewProjectionMatrixLocation;
static GLint g_modelMatrixLocation;
static GLint g_normalMa

			
		

	



                

              
                



	

		

			

				
					
Unity反射折射Refractive Shader 1.2材质shader着色器插件

				
			

			

				

					07-23
				

			

		

		

			
				
淘宝花RMB买的·····Refractive Shader 1.2 最新版本，请勿用于商业用途，仅供学习参考！

https://assetstore.unity.com/packages/vfx/shaders/substances/refractive-shader-94848

his shader emulates light refraction as it passes through media with different refractive indices. 

However the effect is purely artistic/cosmetic as the method of distortion is not based on physical model of refraction. 

Update 1.2
- Added unlit distortion shader
- Added a simple particle distortion shader 

Update 1.1
- Depth masking (objects in front do not get distorted contours)
- Color alpha controls transparency
- Added Factors to fade Texture maps
- Added Emissive properties 

Features:
- Built on Unity's Standard Surface shader
- Chromatic Abbreviation (CA)
- Normal Map affects Distortion
- Smoothness < 1 Blurs refracted scene 

Includes:
- 3 Shaders with different GPU footprints
- Demo Scene with some textures

			
		

	



                


  
              

                


	

		

			

				
					
OpenGL之环境映射

				
			

			

				

					TxyITxs的博客
				

				

					11-12
					
					653
					
				

			

		

		

			
				
图形编程技术

			
		

	





	

		

			

				
					
shader学习之路——折射

				
			

			

				

					qq_43761888的博客
				

				

					03-11
					
					358
					
				

			

		

		

			
				
斯涅尔定律来计算反射角 介质1*sinA1 = 介质2*sinA2




Shader "Custom/RefractionShader" {
	Properties {
		_Color ("Color", Color) = (1,1,1,1)
		_RefractColor("Refract Color",Color) = (1,1,1,1)
		_RefractAmount("Refract Amount",Range(0.1,1)) = 0.5
		_RefractRatio("Refracti.

			
		

	



		

			
		



	

		

			

				
					
OpenGL 创建反射

				
			

			

				

					jk823394954的专栏
				

				

					09-05
					
					2066
					
				

			

		

		

			
				
这一节我们实现下图中的效果








要实现这个效果非常简单，我们只需要在上一节 天空盒的代码中增加点东西即可
在现实生活中，我们从上图小球中看到的景象实际是光线通过小球的反射，进入我们的眼睛肿才能看到的
我们会通过自己的写的反射着色器Reflection.vp 来获取这个反射的向量，这个向量就可以作为小球的纹理坐标，小球的纹理任然使用天空盒的纹理图
另外我们的程序支

			
		

	





	

		

			

				
					
opengl环境映射，反射贴图

				
			

			

				

					wqdqwass的博客
				

				

					09-06
					
					901
					
				

			

		

		

			
				
注意完整的mesh与shader文件：

mesh增加了法线与高度贴图：

    // render the mesh
    void Draw(Shader shader)
    {
        // bind appropriate textures
        unsigned int diffuseNr = 1;
        unsigned int specularNr = 1;
        unsigned int normalNr = 1;
        unsigne

			
		

	





	

		

			

				
					
OpenGL学习笔记 天空盒（反射，折射）

				
			

			

				

					linsang233的博客
				

				

					07-13
					
					923
					
				

			

		

		

			
				
天空盒
先展示一个效果图

多个纹理组合起来映射到一张纹理上的一种纹理类型：立方体贴图(Cube Map)。

简单来说，立方体贴图就是一个包含了6个2D纹理的纹理，每个2D纹理都组成了立方体的一个面：一个有纹理的立方体。你可能会奇怪，这样一个立方体有什么用途呢？为什么要把6张纹理合并到一张纹理中，而不是直接使用6个单独的纹理呢？立方体贴图有一个非常有用的特性，它可以通过一个方向向量来进行索引/采样。假设我们有一个1x1x1的单位立方体，方向向量的原点位于它的中心。使用一个橘黄色的方向向量来从立方体贴图上采

			
		

	





	

		

			

				
					
水面的反射与折射 有倒影 波光粼粼的水面

				
			

			

				

					04-28
				

			

		

		

			
				
总的来说，这个项目涉及到了OpenGL编程，使用GPU加速，通过编写定制的着色器来实现水面的反射、折射和波动效果。开发人员可能使用了纹理映射技术来增加水面的真实感，并通过控制摄像机视角来提供更丰富的视觉体验。...

			
		

	





	

		

			

				
					
UnityShader学习———天空盒，折射，反射

				
			

			

				

					linsang233的博客
				

				

					02-10
					
					829
					
				

			

		

		

			
				
高级纹理之立方体纹理
OpenGL中，透视除法是在顶点着色器运行之后执行的，将gl_Position的xyz坐标除以w分量。我们又从深度测试小节中知道，相除结果的z分量等于顶点的深度值。使用这些信息，我们可以将输出位置的z分量等于它的w分量，让z分量永远等于1.0，这样子的话，当透视除法执行之后，z分量会变为w / w = 1.0。
void main()
{
    TexCoords = aPos;
    vec4 pos = projection * view * vec4(aPos, 1.0);.

			
		

	





	

		

			

				
					
Unity地面反射脚本和shader

				
			

			

				

					07-07
				

			

		

		

			
				
本资源是Unity技术应用，脚本直接应用在地面模型上，加上相对应的shader能达到即时地面反射效果，可调节精度。

			
		

	





	

		

			

				
					
unity shader 单层折射

				
			

			

				

					学者的博客
				

				

					01-08
					
					429
					
				

			

		

		

			
				
效果：

Shader "Unlit/refract"
{
	Properties
	{
		_MainTex ("Texture", 2D) = "white" {}
		_Cube("Cube", Cube) = "_Skybox"{}
		_RefractColor("折射颜色", Color) = (1,1,1,1)
		_Refract("折射度", Rang

			
		

	





	

		

			

				
					
OpenGL（十二）——光照漫反射贴图

					
最新发布

				
			

			

				

					GZ的博客
				

				

					05-09
					
					1187
					
				

			

		

		

			
				
现实世界一个物体通常由多种材质组合而成，如一辆车轮胎和外壳材质不同，而将整个物体的材质定义为一个整体是不合理的。本节引入漫反射、镜面光贴图。

			
		

	





	

		

			

				
					
[OpenGL] 屏幕空间反射效果

				
			

			

				

					(ง •̀_•́)ง
				

				

					04-04
					
					9762
					
				

			

		

		

			
				
概念引入

    屏幕空间反射又称SSR，是SS系列算法之一。该算法基于延迟渲染，也就是说，在动手实现SSR前，需要具备延迟渲染相关的知识，主要包括：G-Buffer相关信息的写入，根据G-Buffer还原出位置、视线向量、法线等一系列信息等。

    算法本身的原理非常简单，也就是对于屏幕空间上的物体的每个像素，根据该像素对应的法线和视线信息，求解出反射向...

			
		

	





	

		

			

				
					
unity中顶点片段shader环境反射

				
			

			

				

					shenmifangke的专栏
				

				

					05-24
					
					2397
					
				

			

		

		

			
				
http://docs.unity3d.com/Manual/SL-VertexFragmentShaderExamples.html

最近具体联系了一下里面shader的基本写法，弄来个综合版本
然后就是最难看出差异的反射计算问题，顶点里面计算和片段里面计算的区别
使用的模型是这个，其中右边的是平滑法线后的模型


具体的差异可以看下面gif图 （可以看出）




下

			
		

	





	

		

			

				
					
Shader配合后期模拟模糊折射

				
			

			

				

					机器猫的CG空间
				

				

					06-30
					
					2612
					
				

			

		

		

			
				
I robot中的模糊折射：


模糊折射在PBR时代越来越常见，今天尝试用了一种非常非常非PBR但效率奇高、后期空间奇大但方法达到。


思路为在shader中输出从相机射线方向射出的ray从外表面（折射表面）到内部物体（比如琥珀中但老男人）包裹住的物体的距离，这个距离作为模糊的强度就可以了，上面那个图就是这个距离，越黑的模糊越小，越白的模糊越大。
配合原有的外表面和内部老男人层：

			
		

	





	

		

			

				
					
C for Graphic：语言（环境反射①）

				
			

			

				

					羊羊的博客
				

				

					10-05
					
					477
					
				

			

		

		

			
				
       之前我们学习了一系列CG shader制作效果，主要围绕的是vertex顶点和frag片段函数能做的一些"动态"的事情，比如顶点位移啊，像素插值变化啊什么的，这些都属于一种主观的状态变化，什么意思呢？通俗一点来说就是CG shader所作用的物体，自发的在变化着，从而影响场景的周围环境，有种"一枝独秀"的感觉，亦或者说是"自身影响环境"。

       而这次呢，我们就反过来学习一...

			
		

	





	

		

			

				
					
带立方体纹理 的反射【Unity Shader 入门精要10.1.3】

				
			

			

				

					ABigDeal的博客
				

				

					10-07
					
					343
					
				

			

		

		

			
				
 

 


//10.1.3 反射


Shader "Unlit/Chapter10-Reflection"
{
	Properties
	{
		//物体颜色
		_Color("Color Tint",Color) = (1,1,1,1)
		//反射颜色
		_ReflectColor("Reflect Color",Color) = (1,1,1,1) 
		//反射程度
		_Ref...

			
		

	





	

		

			

				
					
UnityShader-环境反射

				
			

			

				

					贤愚的博客
				

				

					01-10
					
					7869
					
				

			

		

		

			
				
 

环境的反射算在间接光的镜面反射中


UnityIndirect CreateIndirectLight(v2f i,float3 viewDir){
    ...
    #if defined(FORWARD_BASE_PASS)
    ...
    //得到反射方向
    float3 reflectDir=reflect(-viewDir,i.normal);
    //得...

			
		

	





	

		

			

				
					
Unity真实玻璃折射Shader教程：实现最逼真效果

				
			

			

				

					
				

			

		

		

			
				
总结：这个Shader教程提供了创建Unity中高度逼真玻璃效果的基础，通过合理的纹理、环境贴图、折射参数和渲染流程，开发者可以模拟出具有深度和立体感的玻璃材质。理解并应用这些技术，可以帮助你在游戏或应用程序中...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值