1.0.3 • Published 4 years ago

vue-particles-generator v1.0.3

Weekly downloads
8
License
MIT
Repository
github
Last release
4 years ago

vue particles generator

npm version Build Status Monthly Downloads

Simple Vue component for generating animated particles

Installation

npm install vue-particles-generator

or

yarn add vue-particles-generator

Usage

Import a component
import VueParticlesGenerator from 'vue-particles-generator';

Vue.use(VueParticlesGenerator);

or

import VueParticlesGenerator from 'vue-particles-generator';

export default {
    components: {
        VueParticlesGenerator
    }
}
In component template
<VueParticlesGenerator />

Demo

https://xpunsterx.github.io/vue-particles-generator/#/

Options list

OptionTypeDefault
widthNumber200
heightNumber200
maxParticlesNumber500
nowParticlesNumber50
colorString"#ffae23"
particleTypeString"star"
positionString"random"
centerCoordinatesArray0,0
velocityNumber2
backgroundColorString"rgba(0,0,0,0)"
strokeSizeNumber2
strokeColorString"#ffffff"
particleOpacityNumber1
particleSizeNumber15
particleMaxSizeNumber20
isRandomColorBooleanfalse
isRandomSizeBooleantrue
isDeadParticleBooleantrue
isLoopBooleantrue
triggerBooleantrue
shadowBlurNumber0
shadowColorString"rgba(100, 100, 100, 1)"