OpenGL ES2学习笔记（11）--神秘的w

最新推荐文章于 2024-01-16 20:14:43 发布
最新推荐文章于 2024-01-16 20:14:43 发布
阅读量4.2k 收藏
点赞数 2
分类专栏： OpenGL 文章标签： opengl es
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zxhoo/article/details/12707457
版权
本文详细探讨了OpenGL ES2中w坐标的用途，特别是在实现3D透视效果中的关键作用。通过透视技术，顶点的x、y、z坐标会被w坐标除，w值越大，表示距离观察者越远，从而在2D屏幕上产生深远的3D视觉效果。文章结合代码示例进行了深入解释。
摘要由CSDN通过智能技术生成

前面的文章里，基本上都忽略了顶点的z坐标和w坐标，直接把OpenGL当做2D API来使用，本篇文章介绍一下w坐标的用处。

透视

为了在2D的屏幕上表现出3D效果，OpenGL使用的是一种叫做透视的古老技术。说的更具体一点，Vertex Shader处理后的顶点坐标，并不是直接被OpenGL使用，而是还要经过Perspective Division处理。也就是说x、y和z坐标会被w除，w越大，得到的结果就越小，也就越接近0，看上去就越远。

代码和效果

在OpenGL Console里执行下面的脚本：


                

        

        

    

  


        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  zxh0
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
OpenGL ES2学习笔记（10）-- Orthographic Projection

				
			

			

				

					zxh的专栏
				

				

					10-12
					
					3209
					
				

			

		

		

			
				
使用Orthographic Projection

			
		

	



                

              
                



	

		

			

				
					
OpenGL学习笔记——基础部分

				
			

			

				

					weixin_44313437的博客
				

				

					04-17
					
					528
					
				

			

		

		

			
				
1. 你好，三角形
基于OpenGL绘制三角形
#include <glad/glad.h>
#include <GLFW/glfw3.h>
#include <iostream>

const char* vertexShaderSource = "#version 330 core\n"
"layout (location = 0) in vec3 aPos;\n"
"void main()\n"
"{\n"
"   gl_Position = vec4(aPos.x

			
		

	



                


  
              

                


	

		

			

				
					
安卓 OpenGL ES 2.0 完全入门（一）：基本概念和 hello world

				
			

			

				

					sinat_41794875的博客
				

				

					03-29
					
					833
					
				

			

		

		

			
				
本文是 Piasy 原创，发表于 https://blog.piasy.com，请阅读原文支持原创 https://blog.piasy.com/2016/06/07/Open-gl-es-android-2-part-1/做安卓开发满打满算也有 3 年了，OpenGL 这块之前完全没有涉及过，这两周一直在整理安卓相机预览、用 GPUImage 进行美颜处理以及美颜后的数据传输这块内容，结果 GP...

			
		

	





	

		

			

				
					
OpenGL ES2.0 基本编程

				
			

			

				

					MyArrow的专栏
				

				

					06-28
					
					8842
					
				

			

		

		

			
				
1. EGL
       OpenGL ES命令需要一个rendering context和一个drawing surface。
       Rendering Context: 保存当前的OpenGL ES状态。
       Drawing Surface: 是原语(primitive)画图的Surface。它指定了渲染的buffer类型，如：color buffer，depth b

			
		

	



		

			
		



	

		

			

				
					
opengl es c语言教程,OpenGL ES2 学习教程4——Shader语言

				
			

			

				

					weixin_39662432的博客
				

				

					05-23
					
					293
					
				

			

		

		

			
				
shader语言可以看成是特殊的C语言，专门用来创建顶点片段着色器程序的语言。像第二节里的程序// vertex shaderattribute vec4 vPosition;void main() {gl_Position = vPosition;}// fragment shaderprecision mediump float;void main() {gl_FragColor = vec4...

			
		

	





	

		

			

				
					
OpenGL ES2.0 – Iphone开发指引

				
			

			

				

					痞子龙3D编程
				

				

					02-23
					
					6890
					
				

			

		

		

			
				
原文链接地址：http://www.raywenderlich.com/3664/opengl-es-2-0-for-iphone-tutorial
　　免责申明（必读！）：本博客提供的所有教程的翻译原稿均来自于互联网，仅供学习交流之用，切勿进行商业传播。同时，转载时不要移除本申明。如产生任何纠纷，均与本博客所有人、发表该翻译稿之人无任何关系。谢谢合作！
　　
　　ps：非常感谢skingT

			
		

	





	

		

			

				
					
OpenGL ES 2.0 学习笔记(三)

				
			

			

				

					Pizza_Lawson的专栏
				

				

					12-02
					
					806
					
				

			

		

		

			
				
从零开始学Opengl，这里对学习过程作记录，包括学习资料，内容，基本知识。



学习资料: OpenGL ES 2.0 for Android，网络



内容：

1 triangle fan
重用一个顶点，并围绕这个顶点画三角形，形如下：

			
		

	





	

		

			

				
					
OpenGL ES2学习笔记（5）-- 画线

				
			

			

				

					zxh的专栏
				

				

					10-09
					
					5843
					
				

			

		

		

			
				
画两条线段
在OpenGL Console里运行下面的脚本：

import java.nio.ByteBuffer
import java.nio.ByteOrder
import javax.media.opengl.GL

def vertexShaderCode = """
  attribute vec4 a_Position;

  void main() {

			
		

	





	

		

			

				
					
OpenGL ES2学习笔记（1）-- OpenGL Console

				
			

			

				

					zxh的专栏
				

				

					10-08
					
					3343
					
				

			

		

		

			
				
介绍
现在比较流行的编程语言基本上都自带了某种交互式工具，可以在里头直接输入代码，就地执行观察结果。比如Groovy提供的Groovy Shell和Groovy
 Console。

为了方便自己学习OpenGL ES2.0，快速试验各种API，我用Java Swing写了一个简单的应用OpenGL Console。

			
		

	





	

		

			

				
					
OpenGL ES2学习笔记（3）-- 使用Shader

				
			

			

				

					zxh的专栏
				

				

					10-09
					
					2619
					
				

			

		

		

			
				
FFP和PSP

OpenGL ES 1.0和1.1使用的渲染方式是Fixed Function Pipeline，从2.0版本开始，转而使用Programmable
 Shader Pipeline。要想使用OpenGL ES 2.0，必须使用一种语法很像C语言的语言GLSL来编写Shader程序。
编译和链接GLSL程序

			
		

	





	

		

			

				
					
OpenGL ES2学习笔记（2）-- Clear Color Buffer

				
			

			

				

					zxh的专栏
				

				

					10-08
					
					4084
					
				

			

		

		

			
				
Color Buffer

如果把OpenGL想象成一个画家的话，那么它的画板并不是屏幕，而是framebuffer。这个framebuffer很复杂，它内部又包含其他几个buffer，但其中最重要的是一个double-buffered
 color buffer。OpenGL先在“back” color buffer上画画，画好之后，把“back” color buffer和“front”

			
		

	





	

		

			

				
					
android openGL ES2 一切从绘制纹理开始

				
			

			

				

					
				

				

					07-29
					
					937
					
				

			

		

		

			
				
转载注明：http://www.scottcgi.com/?p=81

纹理，在openGL中，可以理解为加载到显卡显存中的图片。Android设备在2.2开始支持openGL ES2.0，从前都是ES1.0 和 ES1.1的版本。简单来说，openGL ES是为了嵌入设备进行功能剪裁后的openGL版本。ES2.0是和1.x版本不兼容的，区别和兼容性参见android 官方文档。

首先

			
		

	





	

		

			

				
					
在OpenGL顶点着色器中，w是什么，为什么除以w？(In OpenGL vertex shaders, what is w, and why do I divide by it?)

				
			

			

				

					u012861978的专栏
				

				

					08-10
					
					1240
					
				

			

		

		

			
				
顶点数据经过mvp变换下一步先要divide by w用来标准化设备坐标：

标准化设备坐标是一个x、y和z值在-1.0到1.0的一小段空间。任何落在范围外的坐标都会被丢弃/裁剪，不会显示在你的屏幕上。与通常的屏幕坐标不同，y轴正方向为向上，(0, 0)坐标是这个图像的中心，而不是左上角。最终你希望所有(变换过的)坐标都在这个坐标空间中，否则它们就不可见了。

顶点着色器代码：


void main(void)
{
  vec4 clipCoord = glModelViewProjectionmat..

			
		

	





	

		

			

				
					
OpenGL ES: (5) OpenGL的基本概念、OpenGL ES 在屏幕产生图片的过程、OpenGL管线(pipeline)...

				
			

			

				

					weixin_30501857的博客
				

				

					07-25
					
					338
					
				

			

		

		

			
				
一. OpenGL的基本概念
OpenGL 的结构可以从逻辑上划分为下面 3 个部分：

图元（Primitives）
缓冲区（Buffers）
光栅化（Rasterize）

图元（Primitives）
在 OpenGL 的世界里，我们只能画点、线、三角形这三种基本图形，而其它复杂的图形都可以通过三角形来组成。所以这里的图元指的就是这三种基础图形：
点：点存在于三维...

			
		

	





	

		

			

				
					
初识 OpenGL ES2.0

				
			

			

				

					DerMing_You的博客
				

				

					02-19
					
					1640
					
				

			

		

		

			
				
原文链接：Android OpenGLES2.0（一）——了解OpenGLES2.0
OpenGL ES (OpenGL for Embedded Systems) 是 OpenGL 三维图形 API 的子集，针对手机、PDA和游戏主机等嵌入式设备而设计。
OpenGL（Open Graphics Library）是指定义了一个跨编程语言、跨平台的编程接口规格的专业的图形程序接口。它用于三维图像（...

			
		

	





	

		

			

				
					
 OpenGL ES2 学习教程2——HelloOpenGLES2.0

				
			

			

				

					weixin_33810006的博客
				

				

					02-02
					
					551
					
				

			

		

		

			
				
Hello GLES2
和ES1.0不同，ES2.0引入了可编程管线，如下图中，可编程阶段为VertexShader,FragmentShader顶点和片段着色器阶段。

顶点着色器被使用在传统的基于顶点的操作,例如位移矩阵、计算光照方程、产生贴图坐标。顶点着色器被应用指定,应用于客户端的顶点转化。顶点着色器需要一个位置和颜色数据作为输入...

			
		

	





	

		

			

				
					
OpenGL ES2学习笔记3

				
			

			

				

					Hello world from Stephen                          
				

				

					06-12
					
					1688
					
				

			

		

		

			
				
下面我们终于可以使用opengl命令,绘制图形了.我们将使用GLKBaseEffect类绘制矩形,然后我们利用GLKMath库实现矩形的旋转.终于可以绘制东西了.
创建矩形的顶点数据

我们先画矩形,假设矩形的顶点如上图所示.OpenGlES实际上只能绘制三角形,拼接成为矩形.我们需要创建两个三角形(0, 1, 2)和(2, 3, 0)
在OpenGlEs2.0中你不用关心顶点坐标的方向问

			
		

	





	

		

			

				
					
OpenGL ES2加载3D模型

					
最新发布

				
			

			

				

					希望能帮助大家，希望大家多多支持，你们的支持是我前进的动力。
				

				

					01-16
					
					1337
					
				

			

		

		

			
				
本文使用Qt，使用OpenGL ES来渲染。运行环境：国产嵌入式操作系统kylin V10。CPU：rk3588。OpenGL ES 2.0（OpenGL for Embedded Systems 2.0）是一种用于嵌入式系统的图形渲染API，在嵌入式设备上，需要编译Qt库，在Qt生成Makefile的过程中，需要指定编译opengl es2，否则编译出来的Qt库不支持opengl es2，就没法加载3D模型。

			
		

	





	

		

			

				
					
DVP-ES2硬件操作与配置指南

				
			

			

				

					
				

			

		

		

			
				
"该资源是DVP-ES2系列PLC的操作手册，主要涵盖了硬件方面的内容，包括产品的各个部分的功能、规格、外观尺寸、输入输出端子台配置，以及使用PLC编辑软件进行编程和连接的方法。此外，还涉及了设备的安装、电源配线、...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值