{"id":946,"date":"2011-09-30T07:00:00","date_gmt":"2011-09-30T11:00:00","guid":{"rendered":"http:\/\/www.searchenginegenie.com\/web-design-blog\/?p=946"},"modified":"2020-10-15T04:42:59","modified_gmt":"2020-10-15T08:42:59","slug":"946","status":"publish","type":"post","link":"https:\/\/www.searchenginegenie.com\/web-design-blog\/946\/","title":{"rendered":"Flash Action script Menu"},"content":{"rendered":"

1. Open a new document in flash.
\n2. Draw a cube as like below using pen tool or line tool.
\n

\"flash-action-pen-or-line-tool\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-947\"\r\n <\/div><\/a>
\n3. Convert the cube into movieclip and name it as \u201ccube1\u201d as instance name.
\n4. On roll over on cube some animation has to happen. So right click on it, select \u201cedit in place\u201d.
\n5. Separate cube outline and top in different layers (inside the movieclip).
\n6. Convert cube top into movieclip, press f6 on 3rd key frame and give classic tween, like that give f6 on 6th frame and apply classic tween. On the 3rd key frame movieclip apply some color effect. Here I gave tint.
\n7. Fill side faces of cube on both side in different layers and repeat step 6 for both side faces.
\n
\"flash-action-side-faces\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-948\"\r\n <\/div><\/a>
\n8. For menu animation, draw on arrow edged rectangle in new layer and convert it into movieclip. Give flip effect by using classic tween.<\/p>\n

\"flash-action-arrow-edged-rectangle\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-949\"\r\n <\/div><\/a>
\n9. For text, create another layer. So inside the cube1 movieclip your layers should be like below.
\n
\"flash-action-another-layer\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-950\"\r\n <\/div><\/a>
\n10. Similarly create remaining 5 cubes in same layer as like above. Give cube instance name as cube1, cube2, cube3 \u2026. Cube6.
\n11. Create layer-2. Draw a cube again with stroke. Convert it to button and right click on it, select \u201cedit in place\u201d. Give blank key frame in \u201cup, over, down\u201d. On hit frame, place the cube.
\n
\"flash-action-frame\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-951\"\r\n <\/div><\/a>
\n12. Come to the main scene, select button then press F9 to write the following actionscript:
\non (rollOver) {
\n_root.mouse_over_cube1 = true;
\n}
\non (rollOut) {
\n_root.mouse_over_cube1 = fstartlse;
\n}
\n13. Repeat the step 11 and 12 for all cubes. Make sure that each cube is in different layer.
\n14. So totally you will have seven layers in main scene.
\n15. Create one layer-8 to write the following action script on key frame:
\n_root.cube1.onEnterFrame = function() {
\nif (mouse_over_cube1) {
\n_root.cube1.nextFrame();
\n} else {
\n_root.cube1.prevFrame();
\n}
\n};
\n_root.cube2.onEnterFrame = function() {
\nif (mouse_over_cube2) {
\n_root.cube2.nextFrame();
\n} else {
\n_root.cube2.prevFrame();
\n}
\n};
\n_root.cube3.onEnterFrame = function() {
\nif (mouse_over_cube3) {
\n_root.cube3.nextFrame();
\n} else {
\n_root.cube3.prevFrame();
\n}
\n};
\n_root.cube4.onEnterFrame = function() {
\nif (mouse_over_cube4) {
\n_root.cube4.nextFrame();
\n} else {
\n_root.cube4.prevFrame();
\n}
\n};
\n_root.cube5.onEnterFrame = function() {
\nif (mouse_over_cube5) {
\n_root.cube5.nextFrame();
\n} else {
\n_root.cube5.prevFrame();
\n}
\n};
\n_root.cube6.onEnterFrame = function() {
\nif (mouse_over_cube6) {
\n_root.cube6.nextFrame();
\n} else {
\n_root.cube6.prevFrame();
\n}
\n};<\/p>\n

Ctrl + Enter to run the program.<\/p>\n","protected":false},"excerpt":{"rendered":"

1. Open a new document in flash. 2. Draw a cube as like below using pen tool or line tool. 3. Convert the cube into movieclip and name it as \u201ccube1\u201d as instance name. 4. On roll over on cube some animation has to happen. So right click on it, select \u201cedit in place\u201d. 5. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,6,1],"tags":[61,58,60,59,62],"class_list":["post-946","post","type-post","status-publish","format-standard","hentry","category-flash","category-web-design","category-whats-trending-web-design","tag-3d-flash-action-script-menu","tag-action-script-menu-bar","tag-flash-menu","tag-menu-banner","tag-menus-in-flash-as3"],"_links":{"self":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/946","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/comments?post=946"}],"version-history":[{"count":8,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/946\/revisions"}],"predecessor-version":[{"id":3766,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/946\/revisions\/3766"}],"wp:attachment":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/media?parent=946"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/categories?post=946"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/tags?post=946"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}