Package Exports

dat.gui.ease.animejs
dat.gui.ease.animejs/dist/dat.gui.ease.animejs.min.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (dat.gui.ease.animejs) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

license

dat.GUI.Ease.AnimeJS

Provides support for anime.js easings.

Example usage:

import * as dat from 'dat.gui';
import { extend } from 'dat.gui.ease';
import AnimeJSMiddleware, { CustomEase } from 'dat.gui.ease';

extend(dat).use(
     new AnimeJSMiddleware()
);

const gui = new dat.GUI();
const config = {
     ease: "easeOutSine"
     customEase: new CustomEase("M 0,0 C 0.1,0.4 0.1,0.4 0.5,0.5 0.9,0.6 0.9,0.6 1,1")
};

gui.addEase(config, "ease");
gui.addEase(config, "customEase");

Installation

npm install --save animejs@^3.0.0
npm install --save-dev dat.gui dat.gui.ease dat.gui.ease.animejs

Use in the project

File include:

<script type="text/javascript" src="https://unpkg.com/dat.gui.ease.animejs@latest/dist/dat.gui.ease.animejs.min.js"></script>
<script>
     const middleware = new datGuiEaseAnimeJS.Middleware();
</script>

ES6 module

import AnimeJSMiddleware from 'dat.gui.ease.animejs';
// or
import { Middleware as AnimeJSMiddleware } from 'dat.gui.ease.animejs';

const middleware = new AnimeJSMiddleware();

CommonJS

const datGuiEaseAnimeJS = require('dat.gui.ease.gsap.v2');

const middleware = new datGuiEaseAnimeJS.Middleware();