今天我们想和你分享一个有趣的失真效果。 这个演示的主要概念是使用位移贴图来扭曲底层的图像,给它不同类型的效果。 为了演示图像之间的液态转换,我们创建了幻灯片。
一个位移贴图通常做的是将图像用作纹理,稍后将其应用于对象,从而给出假设底层对象缠绕在该纹理周围。 这是一种常用于许多不同领域的技术,但是今天我们将探索如何将其应用于简单的图像幻灯片。
我们将使用PixiJS作为我们的渲染器,过滤引擎和GSAP动画。

今天我们想和你分享一个有趣的失真效果。 这个演示的主要概念是使用位移贴图来扭曲底层的图像,给它不同类型的效果。 为了演示图像之间的液态转换,我们创建了幻灯片。
一个位移贴图通常做的是将图像用作纹理,稍后将其应用于对象,从而给出假设底层对象缠绕在该纹理周围。 这是一种常用于许多不同领域的技术,但是今天我们将探索如何将其应用于简单的图像幻灯片。
我们将使用PixiJS作为我们的渲染器,过滤引擎和GSAP动画。