2.2.1 • Published 2 years ago
@donkeyclip/motorcortex-polymorph v2.2.1
MotorCortex-Polymorph
Table of Contents
- MotorCortex-Polymorph
- Intro / Features
- Getting Started
- Creating Incidents
- Adding Incidents in your clip
- Contributing
- License
- Sponsored by
Demo
Intro / Features
MotorCortex-Polymorph brings the capabilities of Polymorph Library into MotorCortex. With this plugin you can morph a shape to another shape.
This Plugin exposes one Incident:
- Polymorph
Getting Started
Installation
$ npm install --save @donkeyclip/motorcortex-polymorph
# OR
$ yarn add @donkeyclip/motorcortex-polymorph
Importing and loading
import { loadPlugin } from "@donkeyclip/motorcortex/";
import polymorphDefinition from "@donkeyclip/motorcortex-polymorph";
const Plugin = loadPlugin(polymorphDefinition);
Creating Incidents
Polymorph
const polymorph = new Plugin.Polymorph(
{
animatedAttrs: {
d: `M209 289h-4c-4-8.4-5.8-8.8-13.5-3.9-2.4 1.5-5 2.6-7.5 11.4z`,
},
addPoints: 100,
originX: 0,
originY: 0,
precision: 0,
},
{
selector: "#poly",
duration: 1000,
}
);
Polymorph Attrs
Name | Are | Values |
---|---|---|
d | svg path | sting |
addPoints | Adds additional points to each side of the tween over what is required | num |
originX | Is values between 0 and 1 representing 0% to 100% of the bounding box of the path. | num |
originY | Is values between 0 and 1 representing 0% to 100% of the bounding box of the path. | num |
precision | The number of decimal places to use when rendering paths | num |
Adding Incidents in your clip
clipName.addIncident(incidentName,startTime);
Contributing
In general, we follow the "fork-and-pull" Git workflow, so if you want to submit patches and additions you should follow the next steps: 1. Fork the repo on GitHub 2. Clone the project to your own machine 3. Commit changes to your own branch 4. Push your work back up to your fork 5. Submit a Pull request so that we can review your changes