Internet Commerce

Partners & Affiliates

Developer Channel


Featured Flash FLA
Gallery Downloads 11401 Flash Movies | 5 New Flash Movies Added
What's New | Top 100

Featured FLA

»  Author: Nick Kouvaris
»  Title: Znax
»  Description: Znax is a board game. Click 4 tiles of the same color and form squares as big as you can. You will erase all the tiles inside the square and collect points. Get maximum score if you make a square with game edges.
»  More by: Nick Kouvaris


Random FLAs | Add Flash Movie
Featured Flash Site
Gallery Downloads 4941 Flash Sites | 1 New Flash Links
What's New | Top 100 Flash Site

Featured Site

»  Author Agence WOP Digital Agency
»  Title: Electricdrum
»  Description: French WOP Agency, 3D websites, Flash (Papervision, Away 3D), event or institutional projects. The agency operates on all digital projects: consulting, design, graphic design, development, online communication. The WOP agency follows you on the implementation of original, creative and optimized digital projects.


Random Links | Add your own Flash Related Links
Flash Tutorials 1481 Tutorials 7 New Tutorials Added!
What's New | Top100

» How To Make A Simple Animation Using Christmas Clips
» Simple Step by step flash game tutorial Spot the diffrence
» How To Make A Moving Text Slide
» Create Flash Banner With Text Float Effect
» How To Make Zoo Photos Slideshow
» How To Make A Dolphin Photos Slideshow
» How To Make A Fathers Day Slideshow
» How To Make A Transparent Background of Your Flash File
» Create Flash Banner With Text Disco Light Effect Today we will introduce you a Text Disco Light eff
» Unknown Tag: Title10
Random Tutorial | Add Site


Tutorials Home What's New Top Rated Submit myTutes Random!

Search Tutorials


Categories Creating a Virutal Reality Viewer
Author: Tiran Dagan | Website: http://www.TiranDagan.com |

 
Page 7
«prev 1 2 3 4 5 6 7 8 next»

Building the sensitive areas

This is the cool trick of accomplishing the speed control zones in figure 5. We simply place 7 rectangles in to the respective zones, and turn them into MovieClips with attached MovieClip Events. When the user's mouse moves over one rectangle, the code reacts, accelerates or decelerates motion of the doubled-up image.

Here I highlighted the "sensitive area" rectangles for you to see:


Fig. 6 - Speed Zones, Highlighted

What you see in Fig 6 are 7 rectangles (pink shaded, with blue lines surrounding them): 6 narrow ones (3 on each side) and a fat one in the center. These are the "speed zones": Moving your mouse over a rectangles establishes the direction of scrolling and the speed. I have incorporated this with the acceleration/deceleration as noted above to avoid abrupt stops or unnatural motion. So if the user moves the mouse from the fastest left scroll to the stop zone, the image won't freeze - it will decelerate to a stop. After some tinkering I came up with an acceleration parameter which works best of 40 (as in the above script).
 

Performing an image scroll

To accomplish the scroll, I placed the large image in a movie clip, surrounded it with a rectangular mask and simply move the large image right or left. The mask behave as your viewing window. When you scroll the large image to the left, the users feels like they are moving to the right, and vice versa.

«prev 1 2 3 4 5 6 7 8 next»

» Level Intermediate

Added: : 2001-10-12
Rating: 8.55 Votes: 133
Hits: 5475
» Author
No details available.
» Download
Download the files used in this tutorial.
Download (755 kb)
Get conversion and unzipping tools for PC and Mac here!

» Forums
More help? Search our boards for quick answers!

Please rate this tutorial, 10 is the top rating, you can also click the comments link to read/write a review.
10 9 8 7 6 5 4 3 2 1
Read or Post Comments