Flash menu for making art

Flash Menu This issue copy theme: http://www.redwoodcreek.com

Highlight 1: The exquisite screen is very pleasing to the eye
Highlight 2: Reverse Stealth button navigation bar

Theme observation: The delicious red wine seems to have been permeated from this gorgeous gouache flash website. When the author is making this website, focus on the static effect of the visual arts, the picture is very bright; in the process of animation, only some of the application of the lens and a number of simple mobile effects, although this appears to be very interactive, but the site to warm for contrast, cold color for the guide, foil the wine culture theme, The light appreciates this exquisite picture to let the person yearn for a round-trip.
In technology, the site's highlight is the Flash Reverse stealth button made by the buffer navigation bar menu. This buffer effect on the audience has a strong visual appeal, but this site's buffer elements to draw a bit monotonous, should be the author with gouache style site, not too much influence on the screen.

Menu mystery: When we point to the menu button, the rectangle on the navigation bar moves to the menu text and expands the Drop-down menu, and when the button leaves the button, the rectangle buffers the button and returns to the top of the home text. Usually when you use the mouse onrollout (mouse away) event, can not produce such exquisite effect, the solution is to create two stealth buttons, in the timeline back and forth of the reversal and jump, because it is a reverse button, so the audience in the browser, the reverse button only in the scene for 1/12 seconds, so, It's impossible for the audience to find the stealth button.

Scene copy Menu effect:

Step one: In Flash, we import the background map of the site, create a new layer, enter the five menu text. Then draw five corner rectangles in the hot zone of the button, converting the five rectangles to movie clips.

Step two: In the movie clip, convert five rectangles to buttons. When editing a button, place the rectangle in the hit hot area. Make the button only mouse sensing area, no shape area of the stealth button, take the instance name home_btn, Wine_btn, Fire_btn, Expl_btn, base_btn.

Step three: In the movie clip's 2nd frame, draws a rectangle, the size takes the flash the scene size to be the same, then knocks out these five buttons the area, then transforms the button, also makes this button the invisible button, takes the instance name as PREV_BTN.

Step four: Enter the code separately in the 1th and 2 frames.
Frame 1th
Stop ()
Home_btn.onrollover=function () {
NextFrame ()
_root.speed=58
_root.buffer_mc.gotoandstop (1)
}
Wine_btn.onrollover=function () {
NextFrame ()
_root.speed=163
_root.buffer_mc.gotoandstop (2)
}
Fire_btn.onrollover=function () {
NextFrame ()
_root.speed=348
_root.buffer_mc.gotoandstop (3)
}
Expl_btn.onrollover=function () {
NextFrame ()
_root.speed=492
_root.buffer_mc.gotoandstop (4)
}
Base_btn.onrollover=function () {
NextFrame ()
_root.speed=650
_root.buffer_mc.gotoandstop (5)
} Frame 2nd
Prev_btn.onrollover=function () {
Prevframe ()
_root.speed=58
_root.buffer_mc.gotoandstop (1)
Step five: Back to the scene, draw a rounded rectangle, convert to a movie clip, take the instance name as BUFFER_MC. Enter the code in frame 1th.
speed=58
Buffer_mc.onenterframe=function () {
buffer_mc._x+= (_root.speed-buffer_mc._x)/3
}

Step six: In the BUFFER_MC movie clip, frame 2nd draws a rectangle such as wine_btn button size, frame 3rd draws a rectangle such as the fire_btn button size, and so on. Converts these rectangles into movie clips and makes a drop-down menu animation in the movie clip. And at the last frame stop (). The whole instance is made and completed. The download address is:redwoodcreek.rar .

Code interpretation:

We made two stealth buttons, when the mouse pointed to the menu's Stealth button, jump to frame 2nd, and the root of the rectangular movie clip buffer moved to the menu location, BUFFER_MC movie clips at the same time jump to the corresponding frame, start playing the Drop-down menu animation. When the mouse points to the reverse button, BUFFER_MC jumps back to the home location. The whole code is simple, but it's a bit difficult to buffer the moving formula.