Swizzling--OpenGL的向量的灵活组合

Task

Using swizzle reorder pixel's color components from rgba to bgra.
用 swizzle 重新排序像素的颜色组件从 rgba 到 bgra。

Theory

在 GLSL 中,Swizzling 指的是选择和重新排列向量的组件以创建新向量的技术。它允许您以简洁和灵活的方式访问和操作向量的各个组件。Swizzling 是通过使用组件名 x、 y、 z、 w 的组合来实现的,分别引用第一个、第二个、第三个和第四个组件。还可以使用 r,g,b 和 swizzle 掩码来代替 x,y,z,w 来访问向量的分量。Rgba 掩码通常用于处理颜色或纹理数据,因为它对应于通常与颜色信息相关联的红、绿、蓝和 alpha 组件。

示例

ini 复制代码
vec4 position = vec3(1.0, 0.5, 0.2);
float x = position.x; // accesses the x component
float y = position.y; // accesses the y component
float z = position.z; // accesses the z component

vec4 color = vec4(1.0, 0.5, 0.2, 1.0);
// creates a vec3 with the red, green, and blue components
vec3 rgb = color.rgb;
// reorders the components using rgba swizzle
vec4 rgba = color.bgra;
vec3 baseColor = vec3(0.5, 0.3, 0.8);
float alpha = 0.7;
// creates a new color with specified RGB components and alpha
vec4 finalColor = vec4(baseColor.rgb, alpha);

Answer

glsl 复制代码
varying vec4 color;

void main() {
  gl_FragColor = color.bgra;
}

练习

Swizzling

相关推荐
风骏时光牛马4 小时前
6个高频实用技术脚本案例,覆盖运维与办公自动化(可直接复用)
前端
爱吃红星柚5 小时前
【学习】Elpis 抽离与发布 npm 包
前端·前端框架·node.js
PedroQue995 小时前
0.5.0重磅发布:动画插件+H5体验全面优化
前端·uni-app
金虹桥程序员5 小时前
【动画】 📚 CSS 动画与 GPU 合成层优化全链路指南
前端·面试
程序员老赵5 小时前
Docker 部署填鸭表单完整教程:搭建私有化问卷与表单收集平台
前端·docker·开源
无限压榨切图仔5 小时前
向量库能搜到内容,为什么还不算学会 RAG
前端·agent
mmsx5 小时前
MapLibre 实战 11|用户说"我的地块丢了":一个 sealed class 图层模型,和四个让我重构三版的坑
android·前端·开源
xqchen6 小时前
代码差异可视化方案选型:diff2html 实战指南
前端
名字还没想好☜6 小时前
用 Zustand 做 React 全局状态管理:告别 Context 重渲染,3 个实战模式与持久化
前端
IMPYLH6 小时前
HTML 的 <section> 元素
前端·html