background-wave-transition v0.2.4

Background Wave Transition

• A background wave transition component with pixi.js.
• Here is an example.

How to use

First

npm install background-wave-transition

Base

import WaveTransition from 'background-wave-transition';

const transition = new WaveTransition({
  element: document.getElementById('container'),
  width: 1280,
  height: 800,
  textures: [
    '/background-wave-transition/images/kon-min.jpeg',
    '/background-wave-transition/images/kon2-min.png',
    '/background-wave-transition/images/kon3-min.jpeg'
  ],
  animationOptions: {}
});

Methods

  // jump to index
  transition.goto(index: number);

  // go to prev
  transition.goPrev();

  // go to next
  transition.goNext();

  // resize
  transition.resize(width: number, height: number);

  // destroy
  transition.destroy();

Params