Flash make three-dimensional square bounce animation

Beating

　　Effect Demo:

Click here to download the source file

　　Production steps:

1. Make the three faces of the three-dimensional box and convert it into a graphic component: (insert in the scene--new component--graphics), named Component 1, component 2, component 3 respectively.

2. Combine three graphic elements into three-dimensional squares. And the three-dimensional box is also converted to graphic components. and draw lines between the graphs to make the contour clearer and more stereoscopic.

3. Because no matter how the mouse moves to the surface of the three-dimensional box, three-dimensional box will start to bounce, you have to convert each face of the square into a button, the method of making the button: Insert in the scene--New Components-button: The button's bounce, the pointer, press all set as blank frame, in the click of the frame inserted keyframes, and drag the graphic element 1 in the library to the click Frame. Make three buttons respectively, the same way. (As for why the button bounce, the pointer through, press all set to blank frame?) You can try to see what happens ~)

4. Insert in scene--new symbol--movie clip, named: MC1. Drag three-dimensional graphic elements from the library to the stage, in 15, 45, 50, 55, 60 insert the key frame, and at each key frame, move three-dimensional box to the appropriate location, and create a motion tween, make move three-dimensional box bounce animation. If you use the AS statement here, the animation will be more elastic.

5. Continue to add a layer to the MC1, drag the button into this layer, extend to 60 frames. If the method adds two layers, put the other two buttons in place. The button position is then adjusted so that the button is also formed into a three-dimensional square shape, consistent with the first three-dimensional square. Then write each of the three buttons:

On (rollover) {play ();}

6. Continue to add a layer to the MC1, plus the button sound effects and as. In the first frame, write a Stop (), a second frame with sound effects, and a stop () in frame 60th.

7. Insert in scene--new symbol--movie clip, named: MC2, put the good MC1 onto the stage. and is copied and arranged, and its shape is customized. In order to show the hierarchical position relationship, I added a few layers, and let the middle layer out, more clearly show the arrangement position.

8. Test it!