motorcortex-comets

Demo

Check it out here

Installation

$ npm install --save @donkeyclip/motorcortex-comets
# OR
$ yarn add @donkeyclip/motorcortex-comets

Loading

const MotorCortex = require("@donkeyclip/motorcortex/");
const cometsDefinition = require("@donkeyclip/motorcortex-comets");
const Plugin = MotorCortex.loadPlugin(BannersDefinition);

Create incident

Comets

const comet = new MyPlugin.Comets(
  {
    width: 800,
    height: 300,
    cometMaxSize: 581,
    cometMinSize: 200,
    meteoriteColors: ["#FFFFFF", "#FFDC63"],
    auraIner: ["#57DDBA", "#62D8B9", "#7CC8B3"],
    auraOuter: ["#47F7C5", "#87B3C1"],
    items: 3,
    repeats: 5,
    duration: 8000,
  },
  {
    selector: ".comet1",
  }
);

Comets Attrs

Name	Are	Values
width	width of incident	num
height	height of incident	num
cometMaxSize	the maximum size of comets	num
cometMinSize	the minimum size of comets	num
meteoriteColors	The list of colors of meteorite	array of colors
auraIner	The list of colors for the iner aura	array of colors
auraOuter	The list of colors for the iner aura	array of colors
items	how meny commet will fall	num
repeats	how meny times clip wiil loop	num
duration	max duration of one comet fall	num

Stars

const stars = new MyPlugin.Stars(
  {
    width: 800,
    height: 300,
    starMaxSize: 60,
    starMinSize: 15,
    starColor: "#F0F0F0",
    starGlowColor:
      "0 0 0 0 0.950946003   0 0 0 0 0.81265567   0 0 0 0 0.51528336  0 0 0 1 0",
    items: 15,
    repeats: 5,
    duration: 8000,
  },
  {
    selector: ".comet2",
  }
);

Stars Attrs

Name	Are	Values
width	width of incident	num
height	height of incident	num
starMaxSize	the maximum size of each start	num
starMinSize	the minimum size of each start	num
starColor	the color of a star	color
starGlowColor	the color of star clow	sting of ColorMatrix value
items	start number	num
repeats	how meny times clip wiil loop	num
duration	max duration of one full blinking animation	num

License

MIT License