Quantcast
Channel: Adobe Community : All Content - Edge Animate
Viewing all articles
Browse latest Browse all 9897

Timeline controlled by users scrollbar

$
0
0

Hi all,

 

I am currently playing around with Edge.  I'm a designer, not a coder, however I do understand some basic jquery coding, and know html/css, etc.  I'm currently looking for a way to have the timeline move a keyframe, as the user moves their scrollbar.  There seems to be a lot of canvas scrolling animations being used on the web at the moment, and is definitely a neat effect that is going to catch on - two really neat examples of this are:

 

http://www.beautyoftheweb.co.uk/experience/#/one-click-away

and

http://disneydigitalbooks.go.com/tron/

 

As you can see, when the user scrolls forwards (by click and drag, on Tron -- and on their browser scrollbar, for the ie site), the content moves, animates and reacts.  Scrolling back has the same effect, playing the animations backwards.

 

What I'm wondering is if there's a way of creating a similar effect using Edge?  Ideally, you could create the full animation in the timeline, and then as the user scrolls forwards or backwards, it moves the timeline scrub forward a keyframe, therefore creating the effect of animation.

 

The only thing I found thats close to this is here:

 

http://codehandyman.blogspot.co.uk/2011/12/adobe-edge-animation-contro lled-by.html

 

However this is an old article using an older version of Edge, and so doesn't seem to work - but shows that it can't be that difficult to do surely!?

 

Any ideas, thoughts, etc would be greatly appreciated

 

 

Thanks,

Russ


Viewing all articles
Browse latest Browse all 9897

Trending Articles