ShaderJoy —— 新人所不知道的 GLSL 函数坑

置顶 已于 2025-01-07 17:37:34 修改
阅读量4.1k 收藏 1
点赞数 2
分类专栏： ShaderJoy —— Shader 实例详解【重制版】 文章标签： opengl shader glsl
于 2020-06-10 13:10:33 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/panda1234lee/article/details/106663395
版权
本文详细介绍了OpenGL着色语言GLSL中的一些常见陷阱，包括Fract函数的非预期行为，Mod和Modf函数的区别，Sqrt函数处理负数的不确定性，数组和矩阵的定义与初始化，以及GLSL中的各种运算符和函数限制，如精度修饰符、预处理指令等。同时，还探讨了RGB和YUV转换的精度问题，以及GLSL不支持的C++运算符。

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

前言

前几天在技术群里看到有人吐槽踩了 fract 函数的坑，其实这个坑我很早以前也遇到过，不过以前只是写在自己的笔记当中，为了大家少走弯路，不再 “前赴后继” 地踩坑，我决定把这个坑给填上。

正文：

一、Fract 函数：

通常意义上，我们觉得取小数部分，应该产生的是如下的效果，即正数取正数的小数，负数取负数的小数部分。

 但是 OpenGL 的 fract 却不按套路出牌（小朋友，你是否有很多问号？？？）

首先我们来看 OpenGL 官方文档 的说明

/// @note
/// 返回 x-floor(x)，即返回 x 的小数部分
genType fract (genT
了解本专栏 订阅专栏 解锁全文
ShaderJoy —— “雪花飞舞 ”的实现 【GLSL】
ShaderJoy 的兴趣技术杂货铺
10-22 6048
效果图： 是不是有点 “落雪无声掩尘嚣”的感觉~ GLSL 代码： // ------------------- #define _SnowflakeAmount 400 // 雪花数 #define _BlizardFactor 0.25 // 风的大小 #define fragCoord gl_FragCoord #define fragColor gl...
ShaderJoy —— 五种超实用的 GLSL 函数代码（二）
ShaderJoy 的兴趣技术杂货铺
12-13 1834
当我们标准化一个高斯分布的向量，我们得到一个均匀随机的单位向量【相对均匀】。换句话说，它创建的矩阵除了对角线之外都是零，对角线上的值就是你传入的值。该函数找到直线上最接近 p 点的点，然后返回到 p 点的距离。这是通过把这个点投影到直线上，然后截断它的投影，使它在端点之间。我们所做的是将两个 int 值放入一个特殊的多项式函数中，然后将其转换为浮点数，并将结果映射到 (- 1,1) 的范围内。假设我们直接将一个方框中的向量映射到一个球面上的向量，我们会得到的是。没有它，我们得到的值就不是随机的。
实现雪花飞舞效果
shotaSu的博客
01-28 1216
英文原文：https://blog.stylingandroid.com/snowfall/  这篇文章的发布日期是2015年的圣诞节，貌似唯一能与之匹配的就是就是在Styling Android上来点喜庆的东西。为那些不过圣诞节，或者在六月份读这篇文章的人而写 － 原谅我又调皮了。 那么问题来了，怎么才能诠释圣诞的意义呢？最明显的答案就是：一张戴了圣诞帽的照片： 虽然我觉得这张
GLSL fract函数真的是返回小数部分吗
X01动力装甲的专栏
07-22 1万+
GLSL fract函数真的是返回小数部分吗 Parameters x specify the value to evaluate. Description fract() returns the fractional part of x. This is calculated as x - floor(x). 大致一看，没什么问题，但是仔细看下负数的部分，如果是小数部分，不应该是下面的图像吗？这不坑人的吗。 分析一下原因：x - floor(x). 如果x= -0.1,那么y=-0.1，但是看图，返
glsl生成设计之噪声
a_codecat的博客
10-28 702
我们感知得到浮动在皮肤上的空气，晒在脸上的阳光。世界如此生动而丰富。颜色，质地，声音。当我们走在路上，不免会注意到路面、石头、树木和云朵的表面的样子。
floor ceil fract 函数的区别
super_guan的博客
12-05 5115
floor ceil fract 各种函数的区别 Floor : 向下取整。既数轴上最接近目标值的左边值。可以理解为“地板”。floor(0.8) =1,floor(-0.8)=-1 void TestCase(out vec4 fragColor, in vec2 fragCoord) { vec2 st = fragCoord/iResolution.xy; float y=floor(st.x*10.0)/10.0; float pct = plot(st,y)
openGL之API学习（一二五）fract
hankern的专栏
06-03 971
计算小数部分 genType fract( genType x); genDType fract( genDType x); Parameters x Specify the value to evaluate. 计算的值
ShaderJoy —— 中国结特效【GLSL】
ShaderJoy 的兴趣技术杂货铺
11-06 1499
效果图 原理/码参考自 活用 Shader，讓你的頁面更小，更炫，更快，我对代码进行了简化和性能优化，并对作者省略的部分进行了补充。 首先，效果可以拆解为两大部分：中间圆形区域的中国结部分，和外部烘托氛围的金黄色碎片，主要由梯度噪声来实现。而中国结部分又可以进一步分为直（射）线和方框（矩形）的绘制， 直线和射线的区别在于两边是否都到达了图像边缘 Talk is cheap, Show you the code ! 完整代码与注释 中国结部分： /// 源码...
ShaderJoy —— 螺旋发光粒子【GLSL】
ShaderJoy 的兴趣技术杂货铺
06-20 1777
效果图 算法思路与步骤 首先，我们在屏幕中心绘制一个发光的圆点 代码如下 void mainImage( out vec4 fragColor, in vec2 fragCoord ) { vec2 uv = (fragCoord - 0.5 * iResolution.xy) / iResolution.y; vec2 p = uv; fragColor = vec4( .003 / length(p) ); } 发光效果的原理，看了以下函数示意图就容..
ShaderJoy —— 漫画 sketch 效果【GLSL】
ShaderJoy 的兴趣技术杂货铺
08-14 1749
效果图 原图 核心算法思路 该效果的核心思路一共分为以下几步【参考 Photoshop 中的图层操作】 先根据图像的亮度，人为设定阈值，分为（6个）不同等级的灰度图； 然后构造（6个）不同旋转方向的 “木刻纹” 图像，如下图所示； 该核心的 “木刻纹” 是由以下正弦和取模函数搭配实现的 float dist = mod(rotuv.y - sin(rotuv.x * frecuencia) * amplitud, divisor); 函数示意图如下所示 等高线图如下所示 接着，将 “木刻
shader常用函数
最新发布
hhuangjinfeng的博客
11-10 972
clamp函数 函数：clamp(x, min, max) 作用：返回介于min和max之间的值。x<min时，返回min，x>max时，返回max 表现：clamp(x,0,1) fract函数 函数：fract(x) 作用：返回x的小数部分 描述：result = x - floor(x) 表现： mix函数 函数：mix(x, y, argu) 作用：获取x和y之间的线性插值 描述：result = (1 - argu) * x + argu* y step函数 函数： step(ar
CG标准函数库
叫我上上的博客
08-28 581
整理记录标准函数库0x01 数学函数 函数 功能描述 abs(x) 返回输入参数的绝对值 acos(x) 反余切函数，输入参数范围为[-1,1]， 返回[0,π]区间的角度值 all(x) 如果输入参数均不为0，则返回ture； 否则返回flase。&&运算 any(x) 输入参数只要有其中一个不为0，则返回true。 asin(x) 反正弦函数,输入参
CG/hlsl 内置函数
会思考的小周
09-01 930
数学函数 abs(x) 返回输入参数的绝对值 acos(x) 反余切函数，输入参数范围为[-1,1]， 返回[0,π]区间的角度值 all(x) 如果输入参数均不为0，则返回ture； 否则返回flase。&&运算 any(x) 输入参数只要有其中一个不为0，则返回true。 asin(x) 反正弦函数,输入参数取值区间为[−1,1]，返回角度值范围为, [−π/2,π/2] atan(x) 反正切函数，返回角度值范围为[−π/2,π/2] atan2(y,x) ...
OpenGL着色语言GLSL中文手册
hk_shao的博客
08-26 1万+
GLSL 中文手册 基本类型: 类型 说明 void 空类型,即不返回任何值 bool 布尔类型 true,false int 带符号的整数 signed integer float 带符号的浮点数 floating scalar vec2, vec3, vec4 n维浮点数向量 n-component float...
OpenGL学习笔记5：着色器
键盘春秋的博客
07-09 1万+
初识着色器语言变量和数据类型可用的数据类型只有4种：有符号整数，无符号整数，浮点数，布尔值。 OpenGL着色语言中没有指针和字符串或字符。返回值可以为void。向量类型所有4种基本数据类型都可以存储在二维、三维或者四维向量中： OpenGL着色语言向量数据类型 类型 描述 vec2,vec3,vec4 2分量、3分量和4分量浮点向量 ivec2,ivec3,ivec4 2
shader 编程中常用函数
IT_ZB的博客
11-03 1291
1  角度和三角函数          标识为angle的函数参数假定以弧度为单位。这些函数不可能出现被0除的情况，如果被除数为0，结果是未定义的。   radian函数是将角度转换为弧度，degrees函数是将弧度转换为角度。sin, cos, tan都是标准的三角函数。asin, acos, atan是反三角函数。genType有点像面向对象中泛型，即如果genType
GLSL下几个简单的Shader
boksic的专栏
02-17 2万+
在ShaderDesigner下编Shader是最为方便的，但这里先用OpenGL下的编程来举例 1.最简单的固定单色Shader Vertex Shader 坐标经过投影矩阵变换：vTrans = projection * modelview * incomingVertex void main() { gl_Position = gl_ProjectionMatrix * gl_
OpenGL ES着色器语言之内建函数（官方文档第八章）
热门推荐
飞鱼
07-22 3万+
OpenGL ES着色语言为标量和向量操作定义了一套内建便利函数。有些内建函数可以用在多个类型的着色器中，有些是针对固定硬件的，所以这部分只能用在某个特定的着色器上。        内建函数基本上可以分为一下三类： （1）它们使用一些简便的方式提供必要的硬件功能，如材质贴图。这些函数单独通过着色器是无法模拟出来的。 （2）它们展示了一些可以常简单的写入的繁琐操作（clamp， mix等），但
GLSL常用内置函数汇总
Jackery's Special Column
08-05 9254
all:在所有为真的时候，返回为真； any:在任一变量为真的时候，返回为真； dot:向量点乘 cross:向量的叉积 ceil(x)：向上取整 如：ceil(3.5) 值为4 floor(x):向下取整 如：floor(3.5) 值为3 pow(x,y):求x的y次方 exp
实现 GLSL 中 HSL 到 RGB 转换的 GLSL 函数库
资源摘要信息:"glsl-hsl2rgb是一个GLSL（OpenGL Shading Language）的实用程序，用于在GLSL中实现从HSL（色相、饱和度、亮度）颜色空间到RGB（红、绿、蓝）颜色空间的转换。在图形编程和着色器开发中，GLSL是用于...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

ShaderJoy

您的打赏是我继续写博客的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值