开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >opengl es:使用渐变渐变绘制纹理

问opengl es:使用渐变渐变绘制纹理
EN

Stack Overflow用户

提问于 2012-04-05 13:25:26

回答 1查看 2.4K关注 0票数 1

我是全新的opengl，需要一些帮助来绘制一个纹理与渐变应用在它上面。

现在我用下面的代码绘制一个纹理：

glPushMatrix();
glBindTexture(GL_TEXTURE_2D,fcr.texture);
glTranslatef(trans, 0, 0);
glScalef(sc,sc,1.0);
glColor4f(1.0,1.0,1.0,0.4);
glDrawArrays(GL_TRIANGLE_STRIP,0,4);
glColor4f(1,1,1,1);

在上面的代码中，glColor4f(1.0,1.0,1.0,0.4);将透明度应用于绘制的图像。现在，为了模拟淡出效果，我想对图像应用透明渐变，而不是纯透明颜色。

找到了这个线程iPhone OpenGL - How to gradient fade out a texture?，它与我的问题相同，只是我希望渐变应用于主图像本身，而不是反射。但我无法从给出的答案中找出解决方案。

我想我应该使用glTexEnvi，但是如何使用渐变来绘制另一个图像呢？

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-04-06 16:53:04

可以设置一个glColorPointer (或glVertexAttribPointer)，使四边形的四个顶点中的每一个都获得不同的Alpha值，而不是在绘制四边形之前调用glColor4f吗？

即RGBA值：

 (x,x,x,1)       (x,x,x,0)
     -----------------
     |               |
     |               |
     |               |
     |               |
     |               |
     |               |
     -----------------
  (x,x,x,1)      (x,x,x,0)

这会给你一个从右到左的alpha渐变。

票数 1

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/10029479

复制

相关文章

React 条件渲染（下）

render() { const isLoggedIn = this.state.isLoggedIn; return (

陈不成i

2021/07/29

7920

React 条件渲染（上）

react 渲染 javascript 编程算法

在 React 中，你可以创建不同的组件来封装各种你需要的行为。然后还可以根据应用的状态变化只渲染其中的一部分。

陈不成i

2021/07/29

9260

列表渲染与条件渲染

编程算法渲染网站

相同的结构是列表渲染的前提，列表等都会有⼏千上万条的数据，它们的共同的特征就是数据的结构相同。

达达前端

2019/11/29

1.6K0

61. 精读《React 八种条件渲染》

本期精读的文章是：8 React conditional rendering methods

黄子毅

2022/03/14

5840

React 条件渲染最佳实践(7 种方法)

react 渲染编程算法

在 React 中，条件渲染可以通过多种方式，不同的使用方式场景取决于不同的上下文。在本文中，我们将讨论所有可用于为 React 中的条件渲染编写更好的代码的方法。

秋风的笔记

2020/10/27

5.8K0

【小程序】条件渲染与列表渲染

渲染小程序微信

在小程序中，使用 wx:if="{{condition}}" 来判断是否需要渲染该代码块：

陶然同学

2023/02/24

1K0

vue条件渲染

Vue.js中最常用的条件渲染方式是使用v-if指令。这个指令用于在DOM中插入或删除元素，基于一个表达式的结果来决定元素是否应该显示。如果表达式的结果为真，则元素会被渲染；如果结果为假，则元素会被从DOM中移除。

堕落飞鸟

2023/05/21

6570

React-BrowserRouter与HashRouter

BrowserRouter是React Router库提供的一种路由器组件，它使用HTML5 History API来管理URL和导航。BrowserRouter使用浏览器的history对象来记录URL的变化，并通过JavaScript来处理导航。

堕落飞鸟

2023/05/20

1.5K0

Vue 3 条件渲染

v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。

公众号---人生代码

2020/11/03

9930

React渲染机制

react 渲染编程算法

jsx语法转换后，会通过creatElement或jsx的api转换为React element作为ReactDom.render()的第一个参数进行渲染。

goClient1992

2022/12/16

5960

请停止在 React 中使用“&&”进行条件渲染

react 渲染 list 工作前端

英文 | https://javascript.plainenglish.io/its-2023-please-stop-using-for-conditional-rendering-in-react-b588a09ebb17

winty

2023/08/23

2400

请停止在 React 中使用“&&”进行条件渲染

Vue基础：条件渲染、列表渲染、事件处理

编程算法 vue.js 渲染

那么在上面的代码中切换 loginType 将不会清除用户已经输入的内容。因为两个模板使用了相同的元素，<input> 不会被替换掉——仅仅是替换了它的 placeholder。

奋飛

2019/08/15

1.9K0

Vue基础：条件渲染、列表渲染、事件处理

那么在上面的代码中切换 loginType 将不会清除用户已经输入的内容。因为两个模板使用了相同的元素，不会被替换掉——仅仅是替换了它的 placeholder。

奋飛

2021/08/30

7850

React 元素渲染

与浏览器的 DOM 元素不同，React 当中的元素事实上是普通的对象，React DOM 可以确保浏览器 DOM 的数据内容与 React 元素保持一致。

陈不成i

2021/07/29

5970

十二.Vue条件渲染

https 网络安全 ide 渲染 vue.js

十二.Vue条件渲染

Java架构师必看

2021/05/14

7740

【React】1738- 请停止在 React 中使用“&&”进行条件渲染

react 渲染 list 工作开发

我经常需要编写需要从服务器端获取数据的页面，这些数据用于呈现列表。如果数据的长度为0，则不应显示。

pingan8787

2023/09/01

2920

【React】1738- 请停止在 React 中使用“&&”进行条件渲染

react入门（五）：事件处理、条件渲染、列表&keys、表单

react 编程算法

一、事件处理 React事件绑定属性的命名采用驼峰式写法，而不是小写。直接看代码两种方式绑定事件并传参数第一种: constructor(props) { super(props); //在dom上用bind函数绑定了this,这里可以省略 this.handleClick = this.handleClick.bind(this); } handleClick(value, e) { //e要写在value后面 console.log(value);

柴小智

2020/02/13

1.1K0

React Router 邦邦两拳🥊 🥊

php 渲染 typescript react

这是我参与11月更文挑战的第16天，活动详情查看：2021最后一次更文挑战」简介

用户4793865

2023/01/12

3.4K0

Vue3 | 条件渲染与列表循环渲染

编程算法 vue.js

而v-show则通过style="display: none;"样式的配置隐藏组件：

凌川江雪

2021/03/04

1.2K0

Vue3 | 条件渲染与列表循环渲染

测开技能--Web开发 React 学习（九）条件渲染

渲染 react 编程算法

在 React 中，你可以创建不同的组件来封装各种你需要的行为。然后，依据应用的不同状态，你可以只渲染对应状态下的部分内容。

雷子

2021/03/15

4660

测开技能--Web开发 React 学习（九）条件渲染

相似问题

使用React路由器进行条件渲染

40

React路由器渲染

18

React路由器渲染道具

11

ReactJS和React路由器中的条件路由和条件渲染

219

使用react路由器渲染页面

10

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例