zwip-fade/example/index.js

A [Zwip](https://github.com/Gastonyte/zwip) fade animation

import 'zwip/src/polyfills';
import 'pwet/src/polyfills';
import Component from 'pwet/src/component';
import ZwipPlayer from 'zwip-player';
import { renderDiv } from 'idom-util';
import FadeAnimation from '../src/animation';

Component.define(ZwipPlayer);

document.addEventListener('DOMContentLoaded', () => {

  const zwipPlayer = document.createElement('zwip-player');

  zwipPlayer.initialize({
    makeAnimation(scene) {

      return FadeAnimation({
        element: scene.firstChild,
        duration: 2000,
        easing: 'easeInCirc'
      });
    },
    renderScene() {

      renderDiv(null, null, 'class', 'circle', null);
    },
  });

  document.body.insertBefore(zwipPlayer, document.body.firstChild);
});