By AN Jay on May 8, 2008

Lets Take A Look At Fisheye Menu Component v0.3

Don't Forget to participate in a contest where you can win an amazing e-Commerce template from TemplateMonster.

  Advertisement

The Fisheye component is based around the concept of itemRenderer factories, just like the flex list and charting components. The goal is to use composition to separate behavior from content, so you can reuse the basic fisheye effect across many different applications and uses. It’s available under the MIT Open Source license, so feel free to use it or modify it in your own applications.

Fisheye Component 2D screen

The Fisheye component uses a pattern that’s been coming up a lot lately where the intended layout of the component is not the same as the actual layout.

In this case, the fluid animation as you move the mouse across the component is built by migrating the actual layout of the renderers towards the intended layout (as determined by the mouse position) over time. You can check out how it will look in action 1D Demo and 2D Demo

Fisheye Component 1D screen





If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.

Comments

Very cool! But with one question, when click outside of pictures, it will select fist pic automatically, is it a bug?

Your article is write very well, I like it very much ~
I wish you have a wonderful day!Thank you.

Sorry, the comment form is closed at this time.