Dynamic Scrolling Buttons in Flash/Actionscript

Dynamic Scrolling Buttons

April 9, 2007 • 6,734 views

Here’s an example. A dynamic scroll, that changes speed according to your mouse. Here is the code for it as well, I tried to keep it pretty generic, just put this onto a movie clip I named “scroll.” And change the variables to fit your needs. Enjoy, and let me know what you make with it.

onClipEvent(load) {
//variables
scrollMovieClipW = this._width - Stage.width;
leftScrollMargin = 175;
rightScrollMargin = 275;
verticalScrollMargin = 250;
//Note: The lower acceleration value the faster the scroll will be.
acceleration = 3;
}
 
onClipEvent (enterFrame) {
//to move left
//if mouse is right of 0 (left edge)
if (_root._xmouse >= 0 &&
//if mouse is left of left scroll margin
_root._xmouse <= leftScrollMargin &&
//if mouse is vertically below green line (over the scroll movie clip)
_root._ymouse >= verticalScrollMargin &&
//if the scroll movie clip can still scroll further
_root.scroll._x <= 0) {
this._x -= (_root._xmouse - leftScrollMargin) / acceleration;
}
 
//to move right
else if (_root._xmouse >= rightScrollMargin &&
_root._xmouse <= Stage.width &&
_root._ymouse >= verticalScrollMargin &&
_root.scroll._x >= -scrollMovieClipW) {
//move right
this._x -= (_root._xmouse - rightScrollMargin) / acceleration;
}
}

download the source.

Categories: portfolio, tutorial
Tags: actionscript, as2, download, experiment, flash, interactive, open source, tutorial

10 Responses to “ Dynamic Scrolling Buttons ”

Trackback Jan 8th, 2008 at 5:32 pm

http://www.beedigital.net/blog/?p=1755

This page has been featured on Bee Digital
tourmz Mar 6th, 2008 at 7:05 pm

is there someway to make start at one again when it reaches ten PLEASE HELP…lol…i actually need to load images dynamically instead of numbers but for now this could really work well i use a filmstrip that i create i photoshop instead of the colored bar…
Evan Mullins Mar 11th, 2008 at 1:23 pm

Yes totally, there is a way to do that. I’d start by making it dynamic… Then you can wrap the buttons around to the other side once they are off the stage. Or you can put two instances of the ‘colored bar’ side by side and have them wrap around and connect at the seams. It’s a lot like the Scrolling Link List I made, that one is vertical though, I made it dynamic and they wrap around to the end of the list as soon as they are off stage.
Kent May 13th, 2008 at 9:56 pm

Thank you for sharing, I’ve stared at the actionscript for hours. How do I get my clip to stop scrolling off the stage? Yours stops on a dime, mine scrolls and scrolls…..hanging on by my fingernails….. help me…..
Ako May 14th, 2008 at 6:02 am

Thanks for the code, I’ve been looking for it for a long time!! Unfortunately in my project there’s some problem, similar to Kent, last comment. It would be nice if you can help us.

Thanxxxx!!!!
Evan Mullins May 14th, 2008 at 11:57 am

@Kent &
@Ako,
look closely at lines 19 - 20 and 28 of the code above and notice the scrollMovieClipW var in line 3. That’s a good hint…
It looks at the width of the scrolling clip and checks if it’s scrolled that far before letting it move farther. To go left it’s 0 and right it’s -width.

Not much more I can do without more explanation or actionscript samples… Good luck!
Kent May 17th, 2008 at 9:55 pm

I’ve got it. (smacks self in forehead) A simple oversight, so painfully obvious once I walked away for a few days. I never named the instance of the symbol in the symbol’s properties so there was no way for it to check itself against the stage size. Thanks Evan, you are a Flash god.
Santana Jul 5th, 2008 at 3:38 pm

How can I make the scroll go up and down, instead of left to right?
Gangadhar Jul 7th, 2008 at 7:22 am

dear friends,

how to get html pages into dynamic text tool…kindly answer me
Guru Dec 4th, 2008 at 2:56 pm

Hi

Nice work done by you.
Thankx