hover-effect.js 插件提供了及具个性的鼠标悬浮时图片切换效果，需配合 three.js 和 gsap.js 共同使用。
引用 js 文件
<script src="./js/three.min.js"></script>
<script src="./js/gsap.min.js"></script>
<script src="./js/hover.umd.js"></script>配置
<script>
new hoverEffect({
parent: document.querySelector('.my-div'),
intensity: 0.3,
image1: 'images/myImage1.jpg',
image2: 'images/myImage2.jpg',
displacementImage: 'images/myDistorsionImage.png'
});
</script>- displacementImage 为自定义的切换效果遮罩图，切换的效果可根据遮罩图机理的不同而产生不同的切换效果；
- 容器的大小需在 CSS 中定义好，生成的 canvas 尺寸会同容器设定的尺寸一致。