ShaderJoy —— 果冻般的弹性 “抖抖抖“ 特效GLSL

Posted panda1234lee

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ShaderJoy —— 果冻般的弹性 “抖抖抖“ 特效GLSL相关的知识,希望对你有一定的参考价值。

效果图

 

由于最近工作比较忙,有一段时间没有更新特效专栏了,但是期间也收集了一些挺有意思的特效代码,后续经过整理会陆续加入到专栏里面来和各位读者进行分享~ ( ゚∀゚) ノ♡ 

并且尽量以简单的语言来解释原理而不是用枯燥乏味的长篇大论以及堆砌晦涩难懂的公式【我自己遇到这样的文章以很头疼 (ノへ ̄、) 】,当然如果有什么地方读者大大觉得我没有说清楚,也欢迎留言,提醒我进行补充。

 

核心算法

该特效关键用到 sin(sin(x * a))*b, a = 3., b = 20. 这个数学公式,很神奇 (๑•̀ㅂ•́)و✧ 有木有?!

    /// @note 不同网格错开不同的偏移
    vec2 offs = vec2(sin(uv.y * scale + sin(iTime * 3.) * 20. + id.y * 0.2),
                     sin(uv.x * scale + sin(iTime * 3.) * 20. + id.x * 0.2));

这个数学公式的函数图如下

以上是关于ShaderJoy —— 果冻般的弹性 “抖抖抖“ 特效GLSL的主要内容,如果未能解决你的问题,请参考以下文章

谈谈iOS中粘性动画以及果冻效果的实现

如何在 Unity3D 中使用 NVIDIA FleX 制作软体果冻球?

弹性动画例子

后羿射日般的精准 - 阿里云ECS调度是如何炼成的

如何在 Unity 2D 中制作软体弹跳器?

程序猿保健ShaderJoy —— 拉力带教程