基于WebGL的超逼真液体流动变形效果

当前位置:主页 > Html5库 > html5 canvas > 基于WebGL的超逼真液体流动变形效果
基于WebGL的超逼真液体流动变形效果
分享:

    插件介绍

    这是一款基于WebGL的超逼真液体流动变形效果。该效果使用PixiJS和GSAP来制作,以轮播图的方式来展现不同类型的液体流动变形效果。液体流动变形效果共5组,非常逼真。

    浏览器兼容性

    浏览器兼容性
    时间:10-12
    阅读:
简要教程

这是一款基于WebGL的超逼真液体流动变形效果。该效果使用PixiJS和GSAP来制作,以轮播图的方式来展现不同类型的液体流动变形效果。液体流动变形效果共5组,非常逼真。

下面是该液体流动变形效果的一些屏幕截图效果。

液体流动变形效果-1

液体流动变形效果-2

液体流动变形效果-3

液体流动变形效果-4

液体流动变形效果-5

该液体流动变形效果的github地址为:https://github.com/codrops/LiquidDistortion/