ShaderJoy —— 噪声之美，大家一起 “噪” 起来 【GLSL】

置顶 已于 2023-02-06 21:35:17 修改
阅读量1.4w 收藏 13
点赞数 3
分类专栏： ShaderJoy —— Shader 实例详解 文章标签： OpenGL glsl shader
于 2020-06-19 09:35:49 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/panda1234lee/article/details/52085375
版权
ShaderJoy —— Shader 实例详解 同时被 2 个专栏收录
158 篇文章 337 订阅 ¥119.90 ¥299.90
订阅专栏
Shader
48 篇文章 8 订阅
订阅专栏
本文提炼了女神CandyCat关于噪声的博客，重点介绍了Perlin、Simplex和FBM噪声，包括它们的特性、应用和GLSL实现。文中详细解释了Simplex噪声中单形的边长计算，并展示了各种噪声类型的图像效果，如云朵、火焰、地形模拟等。
摘要由CSDN通过智能技术生成

本文是拜读了女神 CandyCat 的博客之后写的一个提炼精简，女神的博客理论写得非常详尽，看完有种醍醐灌顶+如沐春风的感觉！！！

但是女神在计算 Simplex 噪声单形的边长时，没有说清单形（二维上是等边三角形）的边长 \sqrt{\frac{2}{3}} 是怎么计算的到的，我对该问题并进行了补充。

先上几张效果图暖暖场，最后会附上各种（经典、周期、simplex）从二维到四维的 glsl 噪声代码

了解本专栏 订阅专栏 解锁全文
ShaderJoy
关注
专栏目录
订阅专栏
ShaderJoy —— 中国结特效【GLSL】
ShaderJoy 的兴趣技术杂货铺
11-06 1446
效果图 原理/码参考自 活用 Shader，讓你的頁面更小，更炫，更快，我对代码进行了简化和性能优化，并对作者省略的部分进行了补充。 首先，效果可以拆解为两大部分：中间圆形区域的中国结部分，和外部烘托氛围的金黄色碎片，主要由梯度噪声来实现。而中国结部分又可以进一步分为直（射）线和方框（矩形）的绘制， 直线和射线的区别在于两边是否都到达了图像边缘 Talk is cheap, Show you the code ! 完整代码与注释 中国结部分： /// 源码...
ShaderJoy —— 星空隧道【GLSL】
ShaderJoy 的兴趣技术杂货铺
02-07 1528
效果图 其中使用到的噪声纹理 完整代码和注释 #iChannel0::WrapMode "Repeat" #iChannel0 "file://../../ShaderToy/image (2).png" // #iChannel0 "file://../../ShaderToy/image (9).png" // #iChannel0 "file://../../ShaderToy/image (10).png" #define t iTime #define res ...
C++游戏日志（一）简单的卷轴算法demo
qq_39058599的博客
09-06 432
一个小游戏demo的实现，人物移动，物体碰撞检测，窗口卷轴移动 截图： #include"pch.h" #include <iostream> #include <conio.h> #include <time.h> #include <Windows.h> using namespace std; int main() { ...
游戏下载算法题-C++实现
icefieldwolf的博客
06-26 1002
本文记录6月25日晚7点一场软件开发岗笔试的题目，思路以及代码实现。题目： 游戏下载 具体描述： 又到了夏季促销的时候！小七在一个游戏平台上买了好多游戏，但是现在所有的游戏都还不在本地，根本玩不了！小七需要把游戏全都下载下来。 小七一按下开始下载，所有的游戏同时开始下载到本地。对于每款游戏的下载，平台都会显示其当前速度（以KB/s为单位）和基于该速度的剩余时间（以秒为单位）。所有速度的总和就是小七家网络的总带宽。总带宽保持不变，并在下载过程中始终得到充分利用。这意味着，当一款游戏完成下载时，新的可用带宽将平
shader 案例学习笔记之mix函数
最新发布
localhost
09-11 309
glsl mix函数笔记
LeetCode 算法：跳跃游戏 c++
想都是问题，做才有答案～～
08-21 1317
LeetCode 算法：跳跃游戏 c++
C++高斯白噪声程序
10-13
用C++编写的模拟高斯白噪声程序，可用于数字通信原理课程的仿真
C++算法实现报数游戏
06-14
这是一个小小的C++算法题。 题目要求：用C++编程。有n个人围在一起，然后让每个人报数1、2、3直道最后一个每次报数之后让报到“3”的人踢出队伍然后剩下的人重复这个过程。直到人数不足结束。求出最后一个人的初始编号
ShaderJoy —— 仿抖音的十字星光效果 【GLSL】
ShaderJoy 的兴趣技术杂货铺
12-12 1893
十字星光 算法关键思路 首先着眼于单颗十字星的绘制 float Star(vec2 gv, float sz, float flare) { float d = length(gv); float col = smoothstep(.99, .8, d) * .01 * sz / d; col *= col; /// @note 十字光（平滑过的） float a = smoothstep(crossCoef0, 1., 1. - abs(gv...
ShaderJoy —— “水面波纹消散” 的实现 【GLSL】
ShaderJoy 的兴趣技术杂货铺
02-12 3003
视频效果： Shader 特效——水面波纹消散 图片效果： 原理详解： 波纹的数学公式有 以为例，取progress = 0.5 后其三维示意图和等高线图如下： z_{x} 示意图 完整代码与注释： float amplitude = 100.0; float speed = 50.0; #define PI 3.141592...
ShaderJoy —— 伪镜头眩光（光晕）特效【GLSL】
ShaderJoy 的兴趣技术杂货铺
02-01 1927
效果图 之前写过一篇偏理论的介绍镜头眩光的文章 ShaderJoy —— 伪镜头眩光 【GLSL】，这次介绍另一种直接用 shader 实现的效果（实现起来更简单，而且效果也还不错）。 废话不多说，直接上代码！ 完整代码和注释 #iChannel0::WrapMode "Repeat" #iChannel0 "file://../ShaderToy/image (5).png" float noise(float t) { return texture(iChannel0...
C++经典算法大全（内包含各种游戏的代码）
07-10
很经典的C++算法大全，模块化得 可以帮助提高C++编程能力
如何用c++编程产生高斯噪声信号
03-13
高斯噪声.用c/c++完成一个幅度为0.5，频率范围500Hz-1500Hz的带通离散白噪声的产生
用c++实现游戏2048---核心算法
Hanpu_Liang的博客
07-24 2358
用c++实现2048—核心算法 写在前面 这一篇主要讲如何相应操纵者给出的指令，对地图进行相应的操作。 这里我最开始的思路很简单，就是将地图的移动方式分为四种，即上(w)下(s)左(a)右(d)。 但是如果分为四个函数的话，那就太繁琐了，复用性太差，相同的代码复制四次只修改一点，十分难看，所以通过思考将四个移动方式合并成为一个移动方式就是本篇所要思考的内容。 根据指令移动地图 ...
UE4C++ 常用游戏算法
qq_19003345的博客
03-24 1543
1.锁定敌人 void AARPGPlayerController::LockAI() { /**获取自己的位置*/ FVector pos = myCharacter->GetActorLocation(); /**获取所有AI对象*/ UGameplayStatics::GetAllActorsOfClass(GetWo...
glsl生成设计之噪声
a_codecat的博客
10-28 600
我们感知得到浮动在皮肤上的空气，晒在脸上的阳光。世界如此生动而丰富。颜色，质地，声音。当我们走在路上，不免会注意到路面、石头、树木和云朵的表面的样子。
ShaderJoy —— 简单又神奇的 “合体” 函数【GLSL】
ShaderJoy 的兴趣技术杂货铺
09-20 1477
smin 函数 它实际上有两种常见的实现方式 多项式 指数 多项式 smin 函数图 其对应的代码为 float smin( float a, float b ) { // 多项式 const float k = 0.5; float h = clamp(0.5 + 0.5 * (b - a) / k, 0.0, 1.0); return mix(b, a, h) - k * h * (1.0 - h); } 从上图中我们可以很明显的看出有两处不连...
ShaderJoy —— 纯 shader 实现 3D 跳动的心 ♥ 【GLSL】
ShaderJoy 的兴趣技术杂货铺
02-24 1538
效果图 主要思路介绍 首先我们通过 SDF 在场景中构造了一个平面和球体 vec2 res = vec2( q.y, 2.0 ); ///< 默认是 plane ... ... // float d = sqrt(x * x + y * y + z * z) - r; float d = length(vec3(x, y, z)) - r; ///< 同上 然后通过对球体进行拉伸（抛物线公式），构造一个如下的形状（♥ 的半边） float y ...
ShaderJoy —— 最简单的 “RayTrace（光线追踪）” 的实现 【GLSL】
ShaderJoy 的兴趣技术杂货铺
08-27 3441
判断 “直线和圆是否相交” 的理论推导。 延伸阅读：“直线和平面是否相交” 的理论推导。 效果图： GLSL代码： vec2 iResolution = vec2(512., 512.); // 简单的光线结构体，更高级的Ray Tracer所需的字段更多 struct Ray { vec3 origin; // 光源点 vec3 di
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

ShaderJoy

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

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

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

打赏作者

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

抵扣说明：

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

余额充值