ScrubLottieTimeline

KO | EN

gitlite — search

#python #typescript #llm #golang #android #machine-learning #deep-learning #docker #nodejs #windows #awesome #kubernetes #awesome-list #open-source

ScrubLottieTimeline

(★ 29)

Allows granular scrubbing through a Bodymovin timeline with the mouse to help with accurate animation timing and positioning.

ScrubLottieTimeline 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# ScrubLottieTimeline
Allows granular scrubbing through a Lottie (AKA Bodymovin) timeline with the mouse to help with accurate animation timing and positioning.

This script allows you to scrub through a Lottie animation timeline simply by moving your mouse left to right. 
It also displays your animation's current time. It's particularly useful if you create long timelines and need to quickly and accurately preview certain points in your animation.

To use it:

- Create a reference to your Lottie animation. E.g. ```let anim = lottie.loadAnimation(animData);```
- Add the line ```ScrubLottieTimeline()```; and pass in the Lottie reference. So if your instance is called ```anim``` you would write:
 ```ScrubLottieTimeline(anim);```
- To let the timeline play automatically, move your mouse outside the document.
- Moving your mouse off the document at, say, halfway along the X axis, will play the timeline from that percentage of the timeline (i.e. halfway through the timeline's duration).
- Double click to pause scrubbing. 
- Double click again to unpause.

# Example code
```
let animData = {
		wrapper: document.querySelector('#EMPTY_DIV'),
		animType: 'svg',
		loop: true,
		prerender: true,
		autoplay: true,
		path: 'PATH_TO_YOUR_JSON'
	}, anim = lottie.loadAnimation(animData);

ScrubLottieTimeline(anim)
```

## Demo
CodePen demo [here](http://codepen.io/chrisgannon/pen/23752505b7a740dbc06f88a76d7b263f)

ScrubLottieTimeline

ScrubLottieTimeline 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

ScrubLottieTimeline

ScrubLottieTimeline 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README