Flex/actionscript Flip Book 05.07.08
Here are some basic specifications of what I need:
I need someone to program a Flex Flip Book component (FlipBook.mxml). The component has to be fully skinnable. The component will accept an array of page components (Page.mxml), and use those pages to display them in a flipping book format.
The flipbook will have a menu at the top showing a logo (bitmap image), a first page (<<), previous page (<), current page ([ x ]), next page (>), last page (>>) buttons.
For a given book, each Page component will have the same size. It will be composed of a bitmap image, but optionally it can also contain clickable zones in the page. These zones can lead to a new URL, to an e-mail address, or to another page in the book.
The Flip Book will need to be zoomable. The initial display of the book will take the maximum size available without scrolling (so the book will initially fit the width or height of the interface, depending on the format of the book (see attached image initial.GIF).
When the person zooms in the first time, by scrolling the mouse button, the flip book will take the maximum of the opposite side, and you will be able to scroll it simply by moving the mouse, either left-to-right, or top-to-bottom (see attached image first_zoom.GIF). In the zoom mode, you cannot click the corner of the page to turn it. You have to use the menu bar at the top of the application.
When the person zooms in the second time, by scrolling the mouse button again, the flip book will then switch to one-page mode. It will show one page at a time, and the current page will be the page where the mouse over was when you scrolled the mouse. The page will be shown with maximum width or height (just like the previous zoom), and scrolling will also be done by simply moving the mouse.
From this point on, if the user zooms in again, it will simply make the page bigger, and the scroll will be able to go in all directions. (see attached image final_zoom.GIF)
ADDITIONAL SPECIFICATIONS:
-each page object of the flip book has a load method. This method will download the file at the URL of the page’s image and load it in a bitmap. Once the image is loaded the page will be rendered along with the eventual clickable zones.
-each page of the flip book will contain two versions of the page’s image. one thumbnail version that will always be loaded first. then the big version that will be zoomed in and out (with smoothing).
-the zoom and scroll features have to be smoothed out. The speed of the smoothing has to be a parameter of the flip book.
-once the flip book is at a certain page, it will load 4 pages after it. For example the flip book starts on page 1, then we will already be downloading pages 2,3,4 and 5 (one after the other).
-If we go forward to a page that has not yet been loaded, the flip book will go to the page, but display a loading bar for that page instead.
