记录一个水波特效动画的js
this.slide = new DookaySlide(this.$refs.canvas, {
displacementImage: require('../images/p3/dmaps.jpg'),
autoPlay: true,
// centerSprites:true,
autoPlaySpeed: [4, 3],
displaceScale: [400, 800],
displacementCenter: false,
pixiSprites: this.imageList,
onPixiSpritesLoaded: (image, index) => {
},
onSlideChange: () => {
setTimeout(() => {
_this.slide.setAutoPlay(false);
_this.canClick = true;
},2000);
}
});
直接new 调用,源码链接:
水波纹特效源码链接