OpenGL ES 三种类型修饰 uniform attribute varying

最新推荐文章于 2024-10-28 09:00:00 发布

等风来不如迎风去

最新推荐文章于 2024-10-28 09:00:00 发布

阅读量350

点赞数

CC 4.0 BY-SA版权

分类专栏：媒体播放器设计与实现

本文链接：https://blog.youkuaiyun.com/commshare/article/details/107986614

媒体播放器设计与实现专栏收录该内容

246 篇文章 ¥29.90 ¥99.00

订阅专栏

本文介绍了OpenGL ES中三种重要的变量类型：uniform变量，用于传递应用到着色器的常量；attribute变量，仅在顶点着色器中用于表示顶点数据；以及varying变量，用于在顶点和片段着色器之间传递数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

GLProgram 中变量都是int类型的

    private int mProgramId = -1;
    private int mPositionLoc = -1;
    private int mTexCoordLoc = -1

了解本专栏

订阅专栏解锁全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

等风来不如迎风去

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

订阅专栏

OpenGL入门系列-用模板类封装OpenGL Shader 的Uniform变量

GPU全栈博主

01-04

1340

struct UniformTypeName { std::string name; E_UniformType type; }; static UniformTypeName _datatypeToGlsl[17] = { {"float", UT_FLOAT}, {"vec2", UT_FLOAT_VEC2}, {

OpenGL ES学习大纲

风起云涌

02-17

155

以下是一个详细的学习大纲，涵盖了从基础到高级的知识点，循序渐进地帮助您掌握 OpenGL ES 的核心概念、API 使用、渲染管线、着色器编程、性能优化等内容。通过以上详细的大纲，您可以从零开始系统性地学习 OpenGL ES，从基础概念到高级功能，再到项目实战，逐步掌握 OpenGL ES 的开发技能。

参与评论您还未登录，请先登录后发表或查看评论

OpenGL的三种变量类型：uniform，attribute以及varying

weixin_42293772的博客

06-20

1287

转自：https://blog.youkuaiyun.com/tianxiawuzhei/article/details/50113383 1. uniform 变量 uniform变量是外部application程序传递给（vertex和fragment）shader的变量。它是application通过函数glUniform**（）函数赋值的。在（vertex和fragment）shader程序内部，uniform变量就像是C语言里面的常量（const ），它不能被shader程序修改。shder程序只能用unif

OpenGL ES 三种变量类型（uniform，attribute和varying）

chqj_163的专栏

03-25

974

https://blog.youkuaiyun.com/jackers679/article/details/6848085 https://zhuanlan.zhihu.com/p/103687720 1.uniform变量 uniform变量是外部application程序传递给（vertex和fragment）shader的变量。因此它是application通过函数glUniform**（）函数赋值的。在（vertex和fragment）shader程序内部，uniform变量就像是C语言里面的常量（c

OpenGL ES SL 3.0规范中以前的attribute改成了in varying改成了out

eloudy的专栏

01-03

4909

有几个学习图形学不久的同学都问到essl中in和out的问题，做一笼统的阐述：关键字的小修改大概由如下两点决定第一，先考虑一个成本原则一个关键字的定义是否修改，是由熟练程序员在使用该关键字时的思维成本来决定的。当然，还有一个原则，是由初学者的学习成本来决定的，这时一条市场原则（微软喜欢这个原则）。 attribute改成in，varying 改成out，恰巧符合上面两条原则。

【OpenGLShader】01.attribute、uniform、varying、in、out

songtianqi123的专栏

05-22

1695

接下来我们要进入OpenGL三部曲的最后一部了，OpenGLShader的语法及案例。

OpenGL - 类型修饰符

gk11010的博客

03-09

493

作用数据类型也可以通过一些修饰符来改变自己的行为。类型修饰符 attribute、uniform、varying、const 、in、out、inout、buffer、shared以下详解：attribute一般用于每个顶点都各不相同的量，如：顶点位置，颜色等作用：1.attribute限定符为属性限定符。 2.attribute修饰的变量用来接收渲染管线传递进顶点着色...

Android OpenGLES2.0开发（六）：着色器语言GLSL

xiaozhiwz的专栏

10-28

1138

该篇文章讲解了GLSL的基本语法，需要结合实例去不断练习才能熟练的使用

OpenGL ES简介及几个相关重要概念

分享音视频技术

07-22

4287

本文主要简述什么是OpenGLES，以及记录一下与OpenGLES相关的几个最重要的概念

OpenGL ES2.0 的三种变量类型（uniform，attribute和varying）

风起云涌

09-29

705

在（vertex和fragment）shader程序内部，uniform变量就像是C语言里面的常量（const ），它不能被shader程序修改。（shader只能用，不能改）一般vertex shader修改varying变量的值，然后fragment shader使用该varying变量的值。在application中，一般用函数glBindAttribLocation（）来绑定每个attribute变量的位置，然后用函数glVertexAttribPointer（）为每个attribute变量赋值。

OpenGL ES 之uniform和varying

老孟Flutter

01-23

1956

老孟一个有态度的程序员 uniform uniform是GLSL中变量类型的限定符，使用uniform限定的变量是只读值，在Shader中无法更改，只能通过应用程序传递给uniform。 uniform变量为全局共享变量，可以在所有的Shader中可以获取，uniform定义如下： uniform float uTexPos; uniform 变量通常是存储在G...

OpenGLES---熟悉全局变量uniform,局部变量attribute,共享变量varying

GameCocos2dx的专栏

05-26

1834

在绘制矩形的矩形上增加--给矩形四个顶点设置颜色(http://blog.youkuaiyun.com/gamecocos2dx/article/details/51490398) shader代码 bool shaderInit(){ // varying 关键字: vs和fs共享数据(建议vs和fs中速写一致) const char *vs={ "precision lowp float;"

OpenGL ES 三种类型修饰 uniform attribute varying

renai2008的专栏

08-08

1万+

1.uniform变量 uniform变量是外部application程序传递给（vertex和fragment）shader的变量。因此它是application通过函数glUniform**（）函数赋值的。在（vertex和fragment）shader程序内部，uniform变量就像是C语言里面的常量（const ），它不能被shader程序修改。（shader只能用，不能改）

OpenGL ES 3.0之Uniform详解

weixin_34413802的博客

11-17

629

　　Uniform是变量类型的一种修饰符,是OpenGL ES 中被着色器中的常量值,使用存储各种着色器需要的数据，例如：转换矩阵、光照参数或者颜色。　　uniform 的空间被顶点着色器和片段着色器分享。也就是说顶点着色器和片段着色器被链接到一起进入项目，它们分享同样的uniform。因此一个在顶点着色器中声明的uniform，相当于在片段着色器中也声明过了。当应用程序装载uniform ...

OpenGLES: uniform变量传参

Katichar

12-03

2647

uniform是shader里面的一种变量，它是由外部程序设置进来的，除非你显式地调用函数来修改这个uniform的值，否则它的值恒定不变。 quick是通过GLProgramState类提供的接口来传值的，下面列出相关方法： -------------------------------- -- @overload self, int, vec2_table -- @ov

opengl varing,uniform,attribute分析

leafinsnowfield的专栏

08-11

1028

https://blog.youkuaiyun.com/z444_579/article/details/51967037 GLSL 三种变量类型（uniform，attribute和varying）

OpenGL ES着色器语言之变量和数据类型

最新发布

03-28

<think>嗯，用户的问题是关于在Cocos 3.10中使用着色器为精灵添加白边的实现方法。我需要先回忆一下Cocos中着色器的基本用法，以及如何结合OpenGL ES来编写自定义的着色器。根据提供的引用资料，特别是引用[1]提到了Cocos2d-x对OpenGL着色器的封装，这应该是一个关键点。首先，Cocos中的着色器通常分为顶点着色器和片元着色器。顶点着色器处理顶点位置和坐标变换，而片元着色器处理像素颜色。添加白边的效果可能需要检测精灵的边缘，并在边缘处替换为白色。这时候可能需要用到边缘检测的算法，比如通过计算纹理坐标周围像素的透明度来判断是否处于边缘。接下来，我需要考虑如何在片元着色器中实现边缘检测。通常，边缘检测可以通过采样周围像素的alpha值来判断当前像素是否在边缘附近。例如，如果当前像素的alpha大于某个阈值，而周围某个方向的像素的alpha低于阈值，则判定为边缘，并将颜色设置为白色。然后，用户提到的Cocos 3.10版本可能对着色器的使用有特定的方法，比如引用[5]提到的自动生成.csb文件的工具，但这里可能需要直接操作着色器代码。Cocos中的Sprite类应该支持自定义着色器，所以可能需要创建一个GLProgram对象，加载顶点和片元着色器的代码，然后将其应用到精灵上。另外，引用[4]提到修改RichText的行宽计算方法，这可能与渲染时的布局有关，但当前问题更关注着色器的具体实现。不过，这提示了Cocos中可能有自定义渲染逻辑的部分，需要确保着色器正确集成到渲染流程中。在编写着色器代码时，需要注意OpenGL ES的语法，比如精度修饰符，以及Cocos封装的一些内置变量，比如cc_FragColor和纹理采样器。同时，传递顶点坐标和纹理坐标的方式也需要符合Cocos的结构。测试过程中，可能需要对阈值和边缘宽度进行调整，以达到理想的白边效果。此外，还需要考虑性能问题，确保着色器不会导致明显的帧率下降，特别是在移动设备上。最后，根据用户提供的引用资料，特别是引用[1]和引用[5]，可能需要结合Cocos的封装方法来正确应用着色器，确保与现有渲染流程兼容，并正确设置Uniform变量，如边缘宽度和颜色。</think>### 在Cocos 3.10中使用着色器为精灵添加白边的实现方法 #### 1. 着色器实现原理通过自定义片元着色器（Fragment Shader）实现白边效果的核心逻辑是： - 检测精灵边缘区域（通过透明度变化判断） - 将边缘区域颜色替换为白色需要结合$alpha$值计算和邻域像素采样实现边缘检测[^1]。 #### 2. 完整实现步骤 **（1）创建自定义着色器文件** 在项目资源目录创建`white_edge.frag`： ```glsl varying vec2 v_texCoord; uniform sampler2D u_texture; uniform float u_edgeWidth; // 边缘宽度（0.0-0.5） void main() { vec4 texColor = texture2D(u_texture, v_texCoord); // 边缘检测逻辑 float alpha = texColor.a; if (alpha < 0.5) { // 采样周围8个方向的像素 float maxAlpha = 0.0; for (float x = -1.0; x <= 1.0; x += 1.0) { for (float y = -1.0; y <= 1.0; y += 1.0) { vec2 offset = vec2(x*u_edgeWidth, y*u_edgeWidth); maxAlpha = max(maxAlpha, texture2D(u_texture, v_texCoord + offset).a); } } // 混合白色边缘 if (maxAlpha > 0.5) { gl_FragColor = vec4(1.0, 1.0, 1.0, 1.0); return; } } gl_FragColor = texColor; } ``` **（2）创建GLProgram对象** ```cpp auto glProgram = GLProgram::createWithFilenames("white_edge.vert", "white_edge.frag"); glProgram->bindAttribLocation(GLProgram::ATTRIBUTE_NAME_POSITION, GLProgram::VERTEX_ATTRIB_POSITION); glProgram->bindAttribLocation(GLProgram::ATTRIBUTE_NAME_TEX_COORD, GLProgram::VERTEX_ATTRIB_TEX_COORD); glProgram->link(); glProgram->updateUniforms(); ``` **（3）应用到精灵对象** ```lua local sprite = cc.Sprite:create("image.png") sprite:setGLProgram(glProgram) -- 设置边缘宽度（通过Uniform传递参数） local glProgramState = GLProgramState:getOrCreateWithGLProgram(glProgram) glProgramState:setUniformFloat("u_edgeWidth", 0.02) -- 宽度值根据需求调整 sprite:setGLProgramState(glProgramState) ``` #### 3. 参数优化建议 - `u_edgeWidth`建议取值0.01-0.05 - 可添加`uniform vec4 u_edgeColor`参数实现彩色边缘 - 性能敏感场景可减少邻域采样方向（改为4方向采样） #### 4. 效果验证通过`cc.Director:getInstance():getRunningScene():addChild(sprite)`显示精灵时，透明区域应出现白色描边，且原始图像内容保持完整[^5]。