LiquidEffect
Javascript Library for creating liquid effect on image and RGB effect on mouse direction.
Demo
https://liquideffect.netlify.app/
Dependencies
OR npm i pixi.jsnpm i @pixi/filter-displacementnpm i @pixi/filter-rgb-split
Usage
Parameters
Name | Type | Description |
---|---|---|
appendTo |
Dom Element |
Parent Element |
image |
Image |
Image to display |
displacementImage |
Image |
Displacement Image |
displacementScale |
Float |
Displacement Scale value 0.0 - 1.0 causing waves to be shorter or bigger |
speed |
Float |
Liquid effect wave speed |
intensityX |
Float |
Liquid effect intensity on X-axis |
intensityY |
Float |
Liquid effect intensity on Y-axis |