Today we’d like to share an interesting distortion effect with you. The main concept of this demo is to use a displacement map in order to distort an underlying image, giving it different types of effects. To demonstrate the liquid-like transitions between images, we’ve created a slideshow.
What a displacement map generally does, is using an image as a texture, that is later applied to an object, giving the illusion that the underlying object is wrapped around that texture. This is a technique commonly used in many different areas, but today we’ll explore how this can be applied to a simple image slideshow.
We’ll be using PixiJS as our renderer and filtering engine and GSAP for our animations.
分享一个有趣的扭曲效果，这个演示的主要概念是使用位移贴图来扭曲底层图像，给它不同类型的效果。为了演示图像之间的液体状转换，我们创建了一个幻灯片，
位移贴图通常做的是使用图像作为纹理，稍后应用到物体上，给人一种错觉，认为底层物体包裹着纹理。这是一种常用于许多不同领域的技术，但今天我们将探讨如何将其应用到简单的图像幻灯片中，点击下面查看演示。
文章标题：水面波纹特效-Liquid Distortion Effects
文章版权：SBKKO 所发布的内容，部分为原创文章，转载请注明来源，网络转载文章如有侵权请联系我们！
