Skip to content

jmcy9999/pathAnimator

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Path Animator

Moves a DOM element along an SVG path (or do whatever along a path...)

###DEMO PAGE

Basic use example:

var path = "M150 0 L75 200 L225 200 Z";	// an SVG path
	pathAnimator = new PathAnimator( path ),	// initiate a new pathAnimator object
	speed = 6,	 		// seconds that will take going through the whole path
	reverse = false,	// go back or forward along the path
	startOffset = 0		// between 0% to 100%
	
pathAnimator.start( speed, step, reverse, startOffset, finish);

function step( point, angle ){
	// do something every "frame" with: point.x, point.y & angle
}

function finish(){
	// do something when animation is done
}

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published