ShaderJoy —— “中心辐射转场”的实现 【GLSL】

最新推荐文章于 2024-04-04 09:36:50 发布
最新推荐文章于 2024-04-04 09:36:50 发布
阅读量2k 收藏 2
点赞数
分类专栏： ShaderJoy —— Shader 实例详解 文章标签： glsl shader opengl
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/panda1234lee/article/details/104450230
版权
本文介绍了如何使用GLSL实现视频特效中的中心辐射转场效果。算法通过在每个纹理坐标到中心点的路径上进行随机积分，积分权重遵循特定函数分布，从而达到转场目的。
摘要由CSDN通过智能技术生成

视频效果

Shader特效——“中心辐射转场”的实现 【GLSL】

 

算法思想

算法其实很简单，可以总结为一句话——在每个纹理坐标到纹理中心点的方向上，都进行固定次数（但采样的位置具有一定的的随机性，且权重不同）的积分。

其中，迭代积分过程中，积分权重的分布满足如下函数关系

迭代过程中的积分权重分布
了解本专栏 订阅专栏 解锁全文
ShaderJoy
关注
专栏目录
订阅专栏
ShaderJoy —— “爱心 ❤️ 转场” 的实现 【GLSL】
ShaderJoy 的兴趣技术杂货铺
02-02 2108
效果视频 Shader特效——“爱心❤的变换” 的实现 【GLSL】 静态效果图 ❤ 设计思路与核心代码 首先我们将纹理坐标 p 换算为以 center 为中心的坐标系，如下所示 float inHeart (vec2 p, vec2 center, float size) { // 奇异值的处理 if (size == 0.0) ...
ShaderJoy —— 水平分区过渡特效【GLSL】
ShaderJoy 的兴趣技术杂货铺
12-14 1380
效果图 算法核心思路 首先我们将 uv 坐标的 x 分量进行分区（这里为了容易看清，所以设置为黑白） 将 uv.x 分为 6 个区 接下来我们看看是如何实现周期性的过渡，取值范围从 0. 到 1. float progress = abs(sin(iTime * 0.75)); 没错，简单的 sin 函数就能满足我们的需求。 然后我们在对 uv 坐标的 x 分量进行检查，看其是否落在了指定的区间内 /// 检查 uv.x 是否落在区间内 if ((uv.x &g...
Unity UI 转场动画shader
04-03
Unity UI 转场动画shader
ShaderJoy ——“❤️ 如潮水” 【GLSL】
ShaderJoy 的兴趣技术杂货铺
03-20 2442
视频 Shader 特效——“晃动心中的爱” Shade r特效——心内流动 效果图 代码和注释如下： #define PI 3.1415926 #define PI_HALF (.5*PI) #define PIx2 (2.*PI) // 2D rotation matrix mat2 rotmat(float a) { return mat2(c...
ShaderJoy —— 层叠的❤️【GLSL】
ShaderJoy 的兴趣技术杂货铺
03-29 1385
效果视频 Shader特效——层叠的❤️[GLSL] 效果图 层叠的 ❤ 代码和详细： const float TWO_PI = 6.28318530718; const int STEPS = 22; const float BRIGHTEN = 1.4; // [low1, high1] -> [low2, high2] float map(float...
ShaderJoy —— 四种超实用的 GLSL 函数代码（二）
ShaderJoy 的兴趣技术杂货铺
12-13 1682
当我们标准化一个高斯分布的向量，我们得到一个均匀随机的单位向量【相对均匀】。换句话说，它创建的矩阵除了对角线之外都是零，对角线上的值就是你传入的值。该函数找到直线上最接近 p 点的点，然后返回到 p 点的距离。这是通过把这个点投影到直线上，然后截断它的投影，使它在端点之间。我们所做的是将两个 int 值放入一个特殊的多项式函数中，然后将其转换为浮点数，并将结果映射到 (- 1,1) 的范围内。假设我们直接将一个方框中的向量映射到一个球面上的向量，我们会得到的是。没有它，我们得到的值就不是随机的。
ShaderJoy —— 似曾相识的转圈圈【GLSL】
ShaderJoy 的兴趣技术杂货铺
01-20 1512
效果图 核心设计思路 一、绘制圆环 我们可以通过将两个半径不同的圆进行相减来得到圆环 /// @note 圆环 float mask = Circle(uv, vec2(0., 0.), 0.5, 0.01); mask -= Circle(uv, vec2(0., 0.), 0.35, 0.01); 二、营造旋转 将 uv 坐标换算到极坐标的角度（并重新映射到 0.-1.） float angle = atan(uv.y, uv.x)...
ShaderJoy —— ❤の霓虹【GLSL】
ShaderJoy 的兴趣技术杂货铺
06-14 1457
效果视频 ShaderJoy －－♡ 的霓虹 效果图 核心算法解析 第一步，我们来看看心形线是怎么绘制的：由于最终的效果是曲线随着时间绕中心进行旋转，所以很自然得会想到极坐标，通过查找心形线的公式，我们选择极坐标形式的公式： 其结果如下图所示 心形线 第二步，有了心形线，我们就可以在它上面选取若干点生成一条 bezier 曲线线段，为了同时显示两条曲线，需要将第二条曲线段和第一条曲线段选取的点的位置进行错开（offset）；为了实现曲线运动的效果...
ShaderJoy —— “酷炫的 ❤️ Beating” 的实现【GLSL】
ShaderJoy 的兴趣技术杂货铺
02-09 4540
效果视频 优酷视频链接 Shader 特效——酷炫的HeartBeating 效果图 GIF压缩有画质损失 完整代码与注释 void mainImage( out vec4 fragColor, in vec2 fragCoord ) { vec2 uv = (2.*fragCoord - iResolution.xy) / iResolution.y;...
UnityShader 漫反射（兰伯特与半兰伯特光照模型-逐顶点和逐像素光照）
05-15
漫反射光照是用于对那些被物体表面随机散射到各个方向的辐射度进行建模的。在漫反射中，视角的位置是不重要的，因为反射是完全随机的，因此可以认为在任何反射方向上的分布都是一样的。但是，入射光线的角度很重要。
转场插件转场插件转场插件转场插件转场插件
03-15
转场插件转场插件转场插件转场插件转场插件转场插件转场插件转场插件转场插件转场插件转场插件转场插件转场插件转场插件转场插件转场插件转场插件转场插件转场插件
写 Shader 转场的几点思考
weixin_34372728的博客
09-29 683
前言 转场效果在视频编辑工具中最为常见，在两段视频或图像之间增加一个「过渡」的效果，可以让整个过程更佳柔滑自然。常见的转场如渐变过渡、旋转、擦除等（下图为 iMovie 自带转场）： 而且现在很多视频 App 中也自带了影集功能，你可以选择不同的转场来制作出动态影集： 而在 WebGL 实现转场，相比起编辑器有很大的不同，这些不同带来了一些思考： 一、材质切换时机 在之前这篇文章中提到了两张...
GLSL实现多重纹理映射(例子取自glsl橙皮书第10章)
mike_zw的专栏
11-17 6572
我们使用GLSL来模拟从太空角度来观测地球，该例子取自GLSL橙色书第10章。我们可以直接使用一副从太空拍摄的地球纹理贴图来实现地球的模拟，但是这样做会有一些“不真实”的地方：(1)我们知道地球上是有一些人为manmade的光源（比如各大城市所发出的光芒），当夜晚来临的时候，即使从太空中看地球，各大城市也会发出明显的光芒。所以我们得判断地表上的每一处是白天或黑夜，这个可以通过灯光和法向量的夹角值来判断。当地表某点处于白天时，我们使用一副daytime的纹理位图并作一些相关的纹理计算，而当处于夜晚时，我们不进
探索创新PPT转场：Shader实现的艺术与实用价值
最新发布
gitblog_00067的博客
04-04 401
探索创新PPT转场：Shader实现的艺术与实用价值 项目地址:https://gitcode.com/ydc258ttbaby/PPT_transtions_with_shader 在这个链接中，ydc258ttbaby带来了一个令人眼前一亮的项目——PPT_transtions_with_shader。该项目巧妙地利用了着色器（Shader）技术，为PowerPoint演示文稿添加了动态且富有...
ShaderJoy ——基于FFmpeg 和 OpenGL 的音视频合成+过渡转场+文字抖动特效展示【C++】【GLSL】
热门推荐
ShaderJoy 的兴趣技术杂货铺
03-15 1万+
视频效果： 生成视频效果 带文字的效果（优酷质量压缩较模糊） 效果图： 简介： [平台： Windows, Linux, Android, iOS] 基于若干张用户照片（等比例缩放至统一大小，不足则填充黑边），结合音频文件，经过音视频同步（音频时长较短则循环播放，音频时长较长则以视频时长为准）后，生成一个带转场特效的视频文件。 支持多种音频格式，如 aac/mp3...
OpenGL 实现视频编辑中的转场效果
音视频开发进阶
10-21 2038
转场介绍转场效果是什么？转场效果，简单来说就是两段视频之间的衔接过渡效果。现在拍摄 vlog 的玩家越来越多，要是视频没有一两个炫酷的转场效果，都不好意思拿出来炫酷了。那...
Shader学习笔记，通过GLSL实现 （转载）
ONE OF LIST
05-09 1341
最近一直在专心研究利用GLSL编写Shader，写点东西将自己学的总结一下，把自己学习shader的经历分享一下，希望能对有兴趣学习shader的同学有些帮助，但这些玩意还算不上教程，很多都是我自己在学习中的问题以及如何解决的，有什么不足还请各位指出，想要系统的学习GLSL的话还是推荐大家看《OpenGL Shading Language 3rd Edition》，但如果你对OpenGL也一无所知
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

ShaderJoy

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

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

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

打赏作者

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

抵扣说明：

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

余额充值