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

最新推荐文章于 2024-07-24 22:51:50 发布
最新推荐文章于 2024-07-24 22:51:50 发布
阅读量903 收藏 1
点赞数
分类专栏： 学习笔记 文章标签： opengl shader 算法
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/linsang233/article/details/107327977
版权
本文是关于OpenGL的学习笔记，重点介绍了如何使用立方体贴图创建天空盒，以及在片段着色器中实现反射和折射效果。通过立方体贴图，可以模拟无限空间的天空背景。文章讨论了优化天空盒渲染的技巧，如利用提前深度测试提高效率，并解释了如何欺骗深度缓冲以确保天空盒始终位于其他物体后面。此外，还展示了反射和折射的实现代码。
摘要由CSDN通过智能技术生成

天空盒

先展示一个效果图

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-j7qGzsyy-1594654641142)(static/天空盒.png)]

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

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

在这里插入图片描述

立方体贴图创建

unsigned int textureID;
glGenTextures(1, &textureID);
//GL_TEXTURE_CUBE_MAP 注意参数
glBindTexture(GL_TEXTURE_CUBE_MAP, textureID);


                

                
                
        

        

    




        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  临桑可以玩狙吗
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    1
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

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

				
			

			

				

					linsang233的博客
				

				

					02-10
					
					815
					
				

			

		

		

			
				
高级纹理之立方体纹理
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);.

			
		

	



                

              
                



	

		

			

				
					
openGL绘制天空盒背景

				
			

			

				

					03-01
				

			

		

		

			
				
1.openGL绘制天空盒背景 2.加入天空盒纹理 3.添加鼠标键盘事件

			
		

	



                


  
              

                


	

		

			

				
					
openGL实现天空盒，使用OpenGL 立方体贴图

				
			

			

				

					03-02
				

			

		

		

			
				
1.构建天空盒的另一种方法是使用OpenGL 纹理立方体贴图。OpenGL 立方体贴图比我们 在上一节中看到的简单方法稍微复杂一点。但是，使用OpenGL 立方体贴图有自己的优点， 例如减少接缝以及支持环境贴图。 2.OpenGL ...

			
		

	





	

		

			

				
					
openGL天空盒实现


				
			

			

				

					03-10
				

			

		

		

			
				
OpenGL天空盒是一种在3D场景中创建环境背景的特效技术，它通过绘制一个虚拟的立方体，将每个面贴上代表天空或环境的纹理，然后将这个立方体置于摄像机周围，使得无论摄像机如何移动，用户总是看到一个连续且无缝的...

			
		

	



		

			
		



	

		

			

				
					
Qt OpenGL 天空盒

				
			

			

				

					06-17
				

			

		

		

			
				
Qt OpenGL 天空盒

			
		

	





	

		

			

				
					
OpenGL天空盒

				
			

			

				

					04-23
				

			

		

		

			
				
使用立方体贴图技术，实现天空盒功能，提供了两套天空盒图片。本人博客：https://blog.csdn.net/lady_killer9/article/details/89468950

			
		

	





	

		

			

				
					
OpenGL学习笔记 阴影映射 阴影学习（一）

				
			

			

				

					linsang233的博客
				

				

					07-21
					
					676
					
				

			

		

		

			
				
阴影映射

阴影看了好多遍了，着实是个难以下手的东西，这次好好整理下。

Shadow Mapping 官方资料笔记
视频游戏中较多使用的一种技术是阴影贴图（shadow mapping），效果不错，而且相对容易实现。阴影贴图并不难以理解，性能也不会太低，而且非常容易扩展成更高级的算法（比如 Omnidirectional Shadow Maps和 Cascaded Shadow Maps）。
首先看看效果图

阴影映射(Shadow Mapping)背后的思路非常简单：我们以光的位置为视角进行渲染，我们能

			
		

	





	

		

			

				
					
echart+React如何鼠标点击获取坐标值之解决

				
			

			

				

					linsang233的博客
				

				

					12-15
					
					649
					
				

			

		

		

			
				
换了好多画图库，amchart,antv,hightchart,最后还是选择了echart，目前也只捣鼓出了echart的情况。
全部代码
import React, { useState, useEffect } from 'react';
import { Button } from 'antd';
import { Card } from 'antd';
//不是按需加载的话文件太大
//import echarts from 'echarts'
//下面是按需加载
import echarts fr

			
		

	





	

		

			

				
					
OpenGL学习笔记 渲染阴影 阴影学习（二）

				
			

			

				

					linsang233的博客
				

				

					07-24
					
					605
					
				

			

		

		

			
				
渲染阴影
获得阴影的深度贴图
见阴影学习（一）
阴影映射
打开官方的实例源码使用了6个shader，前四个都在上个笔记中提到过。
剩下的两个shader的作用是正常的给予光照渲染，对每一个片段都判断是否在我们的阴影处，然后进行渲染，渲染的方式也很简单。
那么先看看最终效果
(优化后的)

(未优化的)


我们现在准备好了帧缓冲，里面也有了我们所需要的深度贴图，我们还需要正常的准备好我们的场景以及各种资源的绑定。将我们准备好的光源变换矩阵和深度贴图赋值给shader


   	shader.setVec3

			
		

	





	

		

			

				
					
UnityShader 学习笔记 凹凸映射

				
			

			

				

					linsang233的博客
				

				

					12-17
					
					363
					
				

			

		

		

			
				
Unity学习笔记第三弹


关于纹理
日常使用appdata_full，以及上篇提到了UnityObjectToWorldNormal(fixed3 normal);
纹理映射没啥说的，主要是后文的凹凸映射。
需要提到的是，高光反射不加纹理颜色。尝试加了，确实效果不好。
关键公式：
o.uv = TRANSFORM_TEX(v.texcoord,_MainTex);



Shader"Single Texture FOR LIN"{
    Properties{
        _Color("Col

			
		

	





	

		

			

				
					
OpenGL学习笔记 帧缓冲

				
			

			

				

					linsang233的博客
				

				

					07-13
					
					320
					
				

			

		

		

			
				
帧缓存

到目前为止，我们已经使用了很多屏幕缓冲了：用于写入颜色值的颜色缓冲、用于写入深度信息的深度缓冲和允许我们根据一些条件丢弃特定片段的模板缓冲。***这些缓冲结合起来叫做帧缓冲(Framebuffer)***，它被储存在内存中。OpenGL允许我们定义我们自己的帧缓冲，也就是说我们能够定义我们自己的颜色缓冲，甚至是深度缓冲和模板缓冲。

帧缓存实现效果：

啊这，好像没能体现什么特别的。
那我们再在代码中加入
//线框模式绘制
glPolygonMode(GL_FRONT_AND_BACK, GL_L

			
		

	





	

		

			

				
					
OpenGL 学习笔记 法线贴图

				
			

			

				

					linsang233的博客
				

				

					07-28
					
					256
					
				

			

		

		

			
				
法线贴图
效果图

法线贴图的意义以及基本介绍可以看opengl官方网站
https://learnopengl-cn.github.io/05%20Advanced%20Lighting/04%20Normal%20Mapping/
本此的代码立方体顶点数据来自
https://blog.csdn.net/u010385624/article/details/91994006
关于切线空间介绍的十分清楚。
法线贴图介绍
我们的场景中已经充满了多边形物体，其中每个都可能由成百上千平坦的三角形组成。我们以向三

			
		

	





	

		

			

				
					
C# 中级教程 From Unity 社区 笔记

				
			

			

				

					linsang233的博客
				

				

					12-19
					
					219
					
				

			

		

		

			
				
C# 中级教程 From Unity 社区
最近b站unity官方发了个C#的教程，一开始以位简简单单，后来发现自己对于OOP还是有很多地方没掌握好，特此记录


Properties
属性（Property） 是类（class）、结构（structure）和接口（interface）的命名（named）成员。类或结构中的成员变量或方法称为 域（Field）。属性（Property）是域（Field）的扩展，且可使用相同的语法来访问。它们使用 访问器（accessors） 让私有域的值可被读写或操作。
属性

			
		

	





	

		

			

				
					
UnityShader个人学习笔记2

				
			

			

				

					linsang233的博客
				

				

					12-14
					
					141
					
				

			

		

		

			
				
UnityShader笔记2
Shader "BlinnPhone_Lsh"{
    Properties{
        //Tips : 不要加;
        _Diffuse("Diffuse",Color) = (1.0,1.0,1.0,1.0)
        _Spacular("Spacular",Color) = (1.0,1.0,1.0,1.0)
        _Gloss("Gloss",Range(8.0,255)) = 10   
    }

    SubShader{

			
		

	





	

		

			

				
					
UnityShader个人学习笔记

				
			

			

				

					linsang233的博客
				

				

					12-04
					
					127
					
				

			

		

		

			
				
UnityShader学习笔记
各种基本上手

基本的格式

Shader"UnityShaderForLSH/DemoShader1"{
   Properties{
       
   }
   SubShader{
       Pass{
           CGPROGRAM
           #pragma vertex vert
           #pragma fragment frag

           ENDCG
       }

       //else Pass

			
		

	





	

		

			

				
					
学习记录day18——数据结构 算法

				
			

			

				

					weixin_64918301的博客
				

				

					07-24
					
					914
					
				

			

		

		

			
				
程序 = 数据结构 + 算法算法是程序设计的灵魂，结构式程序设计的肉体算法：计算机解决问题的方法护额步骤。

			
		

	





	

		

			

				
					
蓝桥杯 2024 年第十五届省赛真题 —— 最大异或结点

				
			

			

				

					执梗的博客
				

				

					07-23
					
					1587
					
				

			

		

		

			
				
蓝桥杯 2024 年第十五届省赛真题 —— 最大异或结点

			
		

	





	

		

			

				
					
打卡第22天------回溯算法

					
最新发布

				
			

			

				

					GodLoveMe的博客
				

				

					07-24
					
					704
					
				

			

		

		

			
				
开始学习了，希望我可以尽快成功上岸！

			
		

	





	

		

			

				
					

				
			

			

				

					
				

			

		

		

			
				

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值