https://github.com/donkeyclip/motorcortex-polymorph
https://github.com/donkeyclip/motorcortex-polymorph
motorcortex motorcortex-plugin polymorph
Last synced: 10 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/donkeyclip/motorcortex-polymorph
- Owner: donkeyclip
- License: mit
- Created: 2021-04-21T19:05:47.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2025-04-14T04:59:09.000Z (10 months ago)
- Last Synced: 2025-04-14T05:37:05.891Z (10 months ago)
- Topics: motorcortex, motorcortex-plugin, polymorph
- Language: JavaScript
- Homepage:
- Size: 3.98 MB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 16
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# MotorCortex-Polymorph
**Table of Contents**
- [MotorCortex-Polymorph](#motorcortex-polymorph)
- [Demo](#demo)
- [Intro / Features](#intro--features)
- [Getting Started](#getting-started)
- [Installation](#installation)
- [Importing and Loading](#importing-and-loading)
- [Creating Incidents](#creating-incidents)
- [Polymorph](#polymorph)
- [Adding Incidents in your clip](#adding-incidents-in-your-clip)
- [Contributing](#contributing)
- [License](#license)
- [Sponsored by](#sponsored-by)
## Demo
[Check it out here](https://donkeyclip.github.io/motorcortex-polymorph/demo/index.html)
# Intro / Features
MotorCortex-Polymorph brings the capabilities of [Polymorph](https://notoriousb1t.github.io/polymorph-docs/) Library into MotorCortex. With this plugin you can morph a shape to another shape.
This Plugin exposes one Incident:
- Polymorph
# Getting Started
## Installation
```bash
$ npm install --save @donkeyclip/motorcortex-polymorph
# OR
$ yarn add @donkeyclip/motorcortex-polymorph
```
## Importing and loading
```javascript
import { loadPlugin } from "@donkeyclip/motorcortex/";
import polymorphDefinition from "@donkeyclip/motorcortex-polymorph";
const Plugin = loadPlugin(polymorphDefinition);
```
# Creating Incidents
## Polymorph
```javascript
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
```javascript
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
# License
[MIT License](https://opensource.org/licenses/MIT)
# Sponsored by
[
](https://donkeyclip.com)