jQuery Flying Circles plugin

Magical colored flying circles.

Main functionality based on animate method. You can use random colors, sizes, opacity if the corresponding property enabled in options.

Basic usage

	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 	<script> 	 $(function(){ 		Dots.generate(); 	 }); 	</script> 	<script src="jquery.flying-circles.js"></script>

Options

selector

Selector property used for parent container of all circles elements

string: '.moving-circles'

accurancy

This property shows count of elements per parent's container area

number: 100

color

Basic color of the circles (NOTE: if you set randomColor option's value as true, color setting will be ignored )

string: 'red'

size

Width and height of each circle (in px)

number: 20

speed

Duration of circle moving (random value from speed option to speed, divided to 5)

number: 20000

width

Width of the parent container (px or % сould be used). Percentage implies calculating of value in pixels of selected area. If you are using percentage value - use it as string

string: '100%'

height

Same as width

string: '100%'

randomOpacity

Randomizes opacity of the circle while moving (from 0 to 1). Boolean value.

boolean: true

randomSize

Randomizes size of the circle while moving (from size property multiplied by 2, to 1px). Boolean value.

boolean: true

randomColor

Randomizes colors of circles while moving (random rgb() numbers). Boolean value.

boolean: true

License

Copyright © Timur Rzakulizadeh
Licensed under the MIT license.