TV animations for MotorCortex
npm install @donkeyclip/motorcortex-tvTable of Contents
- MotorCortex-Tv
- Demo
- Intro / Features
- Getting Started
- Installation
- Importing and Loading
- Creating Incidents
- TVNoise
- ImageGlitch
- Adding Incidents in your clip
- Contributing
- License
- Sponsored by
This Plugin exposes two incidents:
- TVNoise
- ImageGlitch
``bash`
$ npm install --save @donkeyclip/motorcortex-tvOR
$ yarn add @donkeyclip/motorcortex-tv
`javascript`
import { loadPlugin } from "@donkeyclip/motorcortex";
import tvDefinition from "@donkeyclip/motorcortex-abstracts";
const Plugin = loadPlugin(tvDefinition);
`javascript`
const tvNoise = new TVPlugin.TVNoise(
{
width: 800,
height: 600,
sound: true,
},
{
duration: 6000,
selector: "#container",
}
);
| Name | Are | Values |
| -------- | :------------------------: | -----: |
| width | width of the canvas | num |
| height | height of the canvas | num |
| duration | the duration of the effect | num |
| sound | iclude noise sound or not | bool |
`javascript`
const imageGlitch = new TVPlugin.ImageGlitch(
{
imgUrl:
"https://images.hdqwalls.com/wallpapers/minimal-sunset-landscape-4k-w5.jpg",
},
{
selector: "#glitchContainer",
containerParams: {
width: "800px",
height: "600px",
},
}
);
| Name | Are | Values |
| ------ | :----------------------------------: | -----: |
| imgUrl | the image url to apply the effect on | url |
`javascript``
clipName.addIncident(incidentName,startTime);
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