The Art of Scrolling Challenge

Good morning ppl,
A while back I was working on creating a scrollbarless sliding thumbnail list. I scoured the net and couldn't find anything -- anything free that is. All I found were sites selling products (minus source files of course). Ridiculous! So I ended up coding a component myself, but it was never quite satisfactory.
So I'm turning to you all, because this is really a problem that should be freely available to the community and I know we have some good coders about.
I spent all yesterday (and the better part of the night/morning) working on this app. It's an app that will hopefully encourage you to participate.
The objective is to write small class file, which extends AbstractScrollingAlgo. There is a scrollMe() method which you will need to override. Basically in the main app, scrollMe() is called every time you mouse over the list. Once you mouse over the list, everything you could possibly need to know to achieve a cool scrolling effect will be available to you. You simply need to animate the hScroller::value in some wickedly awesome way.
Once you have coded the algo subclass, you will need to add an instance of this to the main app (place it in the "listOfScrollingAlgos" array collection). I have already kick-started this off with FollowMeAlgo.mxml (your class should be similar to this -- easy!).
Hopefully, we'll get a few ppl working on this and in a few days we can put all the algos into one swf and vote on the winner.
Lastly, a few more q's:
1 pat-yourself-on-the-back pt if you can name the design pattern used to change the scrolling behavior at RT.
2 karma pts if you can explain to me why virtualLayout is messing with my color scheme.
5 karma pts if can criticize my code and suggest how I could make it more efficient (this app has some serious flaws!!).
and 5 more karma pts if you participate and send in a working class.
Enjoy the rest of your weekend and send in those algos!!
- e

Ok, an update (for anybody interested).
I've added a wings and externalHScrollBar property to the the base class of all scrolling algorithm classes. So this should provide for more than enough scrolling variations I've ever seen on the net.
There are also two new algo classes: wings and wingsII, which you can see in the swf file.
There's a lot to do. A few ideas rolling around my head are:
iphone pull/stretch effect, where you can stretch the slider past minimum/maximum values and see white space; bounces back when pulled too far.
iphone toss effect. cast the scroller and the motion is continued after mouse is released.
infinity. list cycles in an infinite loop.
wingsIII variation with some kind of acceleration (and capped velocity).
Center-based acceleration. (See David's comments above)
Today scroll effect (see here)
better variations of "follow me" (see here, here and here)
Some effects are fairly simple and I'm hoping to be able to leverage some of the new animation effects (motion paths etc) but don't have a lot of advanced examples to work off. I briefly looked in the SDK earlier at the button_buttonDownHandler from spark.components.supportClasses and I can tell you that getting the scroller to function smoothly is not always trivial!! Saw some of Chet Haase's work in there, maybe he has some ideas for me?? Will be pouring over the SDK more thoroughly tomorrow.
In the mean time, here is the working swf and source files I have:
http://moothink.com/queue_schmueue/TheArtOfScrolling.zip (in case the file doesn't attach properly below...)
As always comments, ideas, code are welcome. Thanks,
- e

Similar Messages

  • How do I get the screen to refresh when drawing a line larger than the art board

    How do I get the screen to refresh properly when drawing a line larger than the art board when the screen scrolls? Everything turns white in CS6, CS5 and CS4.

    Existing art - not the new art.  The new art just gets a proxy shape - seen in my example as the blue rectangle.  The existing art is what gets smeared as you drag past the edge of the screen.  If it's anything other than an Ilustrator thing, it's a Mac thing. I've never known it to be any other way other than maybe in the past showing blank white instead of stuttered art on probably 10 different macs over the years.
    Take any art that you've ever created.  Zoom in so that your art is bigger than your screen (so that there's somewhere to scroll).  Rectangle tool (or move, scale, rotate(?) something, or draw a line) Start your rectangle anywhere, drag so that you are at the edge of the screen, causing it to scroll.  The existing art will get all effed up.  The rectangle you're drawing will draw as you expect it to - that's not the issue.
    How does Wade take his videos?

  • How do make the mouse wheel scroll in my Flex app/component instead of the browser?

    Let's say I have a DataGrid or Tree or List component which
    has hundreds of rows. When I place my mouse over the component and
    scroll the mouse wheel, I notice that [most of the time] it scrolls
    the component a little, then starts scrolling the browser window. I
    want it to only scroll the component until it reaches the end of
    the rows. Any thoughts?

    I have confronted the same issue.
    Was anybody able to solve it?
    I think mx.contorols.TextArea seems to do well.

  • The Horizontal & vertical scroll is not visible or not working when i run the form in Forms 6i.

    Hi all,
    The Horizontal & vertical scroll is not visible or not working when i run the form.
    In this form , there are 5 canvas namely
    CANVAS2 - Stacked Canvas
    PASS - Content Canvas
    MAT_RATES - Content Canvas
    DATE - Content Canvas
    PREVIOUS - Content Canvas
    I have set "Show Horizontal Scroll Bar" to "Yes" and  "Show Vertical Scroll Bar" to "Yes" in the WINDOW Property.
    I have  set "Show Horizontal Scroll Bar" to "Yes" and  "Show Vertical Scroll Bar" to "Yes" in the STACKED CANVAS Property .
    But still the Horizontal and Vertical Scroll Bar is not working when i run the Form.
    Help me with this please. How do i make it visible??
    Oracle Forms 6i..
    Thank You.

    Vijetha wrote:
    Hi all,
    The Horizontal & vertical scroll is not visible or not working when i run the form.
    I have set "Show Horizontal Scroll Bar" to "Yes" and  "Show Vertical Scroll Bar" to "Yes" in the WINDOW Property.
    I have  set "Show Horizontal Scroll Bar" to "Yes" and  "Show Vertical Scroll Bar" to "Yes" in the STACKED CANVAS Property .
    But still the Horizontal and Vertical Scroll Bar is not working when i run the Form.
    Help me with this please. How do i make it visible??
    Oracle Forms 6i..
    Thank You.
    hello vijetha,
    window and canvas show scroll bar when it need.
    You should show block property
    and set block scroll bar
    hope this helps..
    Hamid

  • How to get the art handle of a newly created art.

    Hi all,
    Is there any way through which we can get the art handle of a newly created art, just after its creation on the document?
    Thanks.

    Unfortunately, there is nothing to really do this. I asked for years, and eventually gave up. The best I came up with -- and it sucks -- is to watch for kArtPropertiesChangedNotifier and when that triggers, you look at the selected art and assume that was what was 'created' or 'edited'. Of course, telling the difference between the two is a problem

  • How can I add/change art work to albums where the art work isn't available at iTunes?

    How can I add/change art work to albums where the art work isn't available at iTunes?

    Go to google and search for the artwork.  When you find it, save it to your computer.  Right click the album and select get info.  Drag the image you saved to the empty box for album art.

  • When texting with more than one person at a time the incoming text scrolls to top of the conversation. anyone out there with the same issue?

    while texting with more than one person at a time the incoming texts scrolls to top of conversation. anyone having this issue?

    I've heard claims it can be done, claims some have done it, and claims that it didn't work for them. This thread is interesting, some indications it should be possible, complaints that it didn't, and also an interesting work-around:
    "How do I text message multiple people at once?"
    http://discussions.apple.com/click.jspa?searchID=-1&messageID=4822260
    You can ask Apple for iPhone changes via this link:
    http://www.apple.com/feedback/iphone.html
    Though if you're requesting hardware changes for iPhone v2 you may want to wait a week (or a month?)...they're probably going to be inundated right now by requests for software changes to the current iPhone.
    (If this has answered your question, please mark your original post as answered)

  • How can I create accurate decimal dimensions when creating a new document or using the art board in Illustrator CS6? When I type in a number with a decimal, it automatically rounds the number up.

    How can I create accurate decimal dimensions when creating a new document or using the art board in Illustrator CS6? When I type in a number with a decimal, it automatically rounds the number up.

    For my part you are welcome, sdowers.
    Unfortunately, the uncertainty arising from the rounding has been up several times here in this forum.
    I just came to remember a warning that needs to be given:
    The rounding of the representation of a numerical value may be harmless in itself, but if you use it for any operation that changes the value, such as multiplication or whatever, things will go wrong because the operation will be made on the basis of the rounded value instead of the true value. So, as in your first case in post #2, 39.625 rounded to 39.63 will become 79.26 instead of 79.25.

  • Is it possible to export multiple sections of the art board as individual PNG's?

    I have an art board full of GUI buttons and each button consists of an icon and a background sitting beneath it. the back ground is just a rectangle with some shading and made into a symbol repeated over and over again incase someone wants to change the color palette of the buttons in 1 go.
    Is it possible to export every button (icon and background) as its own individual png? and have each png the size of the icon rather than the art board?
    The equivalent of Photoshop's Generate>Image Asset.
    ***one key component i really need to know is if i can also have illustrator automatically create folders for these files to be exported or generated into***
    in the same way that in Photoshop, if you name a layer "Folder1/Image1.png"  it will export that layer automatically as a png name Image1 inside a folder name Folder1.
    Thanks!

    Try export to css. I believe that is the equivalent. It will create individual png files.

  • Is there a way to control the Magic Trackpad scrolling speed?

    I just got the new magic Trackpad.
    I am finding the speed of scrolling in window to be quite fast such that I it goes to far. Is there anyway to control the speed of it so it does not go to fast?
    Thanks and I look forward to your reply.

    I haven't received my MTP yet but if it works like the trackpad on my MBP you just don't flick your finger so fast. The speed is governed by how quickly you move your finger across the surface which is something I find very cool because it puts me in total control.
    Regards,
    Roger

  • When using an external (ergonomic mouse) is there any way to get the wheel to scroll one full page at a time?

    When using an external (ergonomic mouse) is there any way to get the wheel to scroll one full page at a time? Much appreciated.

    I can't use the keyboard to scroll. I need to keep my hand on the mouse, otherwise I'd never get anything done. Since I have no problem getting Firefox to scroll one page at a time, and I'm constantly jumping between 3 browsers, it would be nice to be able to scroll a full page at a time in Safari, just like I can in Firefox. Thanks.

  • Itunes 10.6.3 - Just update to the new Itunes and the album artwork is not sticking anymore... I upload the artwork and when I change songs and go back the art is gone. Anyone with similar issue ?

    Itunes 10.6.3 - Just update to the new Itunes and the album artwork is not sticking anymore... I upload the artwork and when I change songs and go back the art is gone. Anyone with similar issue ?

    I have this issue.  Album artwork was totally fine before.  After this update, it is all messed up and even got messed up when transferred to my iphone.
    iTunes doesn't have the artwork anymore, but then iPhone has it but shows wrong artwork with wrong albums.
    Please fix!

  • When I download a movie from iTunes the cover art disappears. I try get info and add the art, it doesn't show up. So it's just gray. It opens and plays fine. Apple can't figure it out. It's an nas drive. When I use a firewire drive I get the art

    When I download movies from iTunes to my NAS drive, I don't get the cover art. It shows up while its downloading, but when it's finish it disappears. If it has an iTunes extra the cover art is there. I tried get info and add the cover art, it never shows. Regardless of how I add it. Funny thing is, if I download the same movie to my external firewire drive, no problem its there. I've called Apple with no success. I've even tried copying the movie with the art from the firewire drive to replace the file on then NAS drive I still loose the movie cover art. I also tried several times to re download it, no luck. Any ideas? I'm out of ideas.

    Do you have any videos/movies in the video app?
    In iTunes if you right click on the video and select Get Info and go to the Option tap what Media Type is shown?

  • Using iPad in the Enterprise; close but challenges......

    Getting closer to being able to use iPad in the Enterprise.  Two challenges so far; sorting functions in Numbers Application not existent? Work around? and the second issue, tracking changes in a word document or Pages document when using Pages on iPad?
    Can't analyze data without sorting feature.  Can't review legal or contracts without seeing who changed what?  Any workarounds besides use my Mac Air?
    Thanks

    Getting closer to being able to use iPad in the Enterprise.  Two challenges so far; sorting functions in Numbers Application not existent? Work around? and the second issue, tracking changes in a word document or Pages document when using Pages on iPad?
    Can't analyze data without sorting feature.  Can't review legal or contracts without seeing who changed what?  Any workarounds besides use my Mac Air?
    Thanks

  • I need to find similar text in two columns: e.g. cell a1 has The Art of War and there is another similar cell in another column that has Art of War HD

    I have text (list of items) on Column A
    I want to find the the same word/number of characters on Column C and to place the formula on Column B and I want the matching result. 
    A1 the art of War 
    I know that somewhere in column b there is a term similar (start with the same characters) The Art of War HD in Spanish
    So I want  a match between these two columns so on the result on cell B1 it will give me "The Art of" (if I ask for 10 matching characters).
    Thanks,

    Hi,
    Please try the following method:
    Get the Column A and Column B the front 10 characters to Column C and Column D
    Match the Column C and Column D
    Formula:
    C1: =LEFT(A1,10)
    D1: =LEFT(B1,10)
    E1: =IF(DELTA(C1,D1),"same","not same")
    Regards,
    George Zhao
    TechNet Community Support

Maybe you are looking for

  • How to "clean house" in ~/Library

    I would like to get rid of as much as possible in my home Library. What is in there that would not be re-created next time an application needs it?

  • Convert Date

    Hi, In a FM 'J_1I6_DETERMINE_EXCISE_RATE', There is a statement   'CONVERT DATE date INTO INVERTED-DATE date_j'. the value of date is '20070813' and the date is converted to '79929186' in date_j. If this date is converted, in the next select query in

  • How can i use a function in a create table?

    I have done one funtion to do one check in a create table statement, but i don't know where to use it. How can I use it?

  • Sort key in GL

    Hi guys, What is the purpose of the sort key in the GL account? why does it do. Thanks, Srikanth.

  • Websphere 5.1 Jtds jdbc driver issue

    Can some one suggest the possible solution to this issue. I am trying to use Jtds 1.2 jdbc driver to connect to Sqlserver 2000 from the websphere 5.1 app server ( actually test server environment from WSAD 5.1.2) and I am getting the SQLException as