Neuronal Spider

Generate a Canvas and add the effect using TypeScript and GSAP

Installation:

Download "neuronal-spiders.js" and include after GSAP-TweenLite

		
		
			
		

DATA-API:

Name Type Default Description
data-neuronal Boolean Null Enables the effect
data-number-points Number 400 The number of points of the effect
data-number-lines Number 5 The number of lines of each point
data-visual-radius Number 40000 The visual radius of the effect
data-maximum-opacity Number 0.6 The maximum opacity of the effect
data-circle-radius Number 2 The base radius of every circle
data-color HexColor #000000 The Color of the circles and lines
data-circles-color HexColor #000000 The Color of the circles
data-lines-color HexColor #000000 The Color of the lines

Exemples: