STORY LOOP FURRY PORN GAMES C SERVICES [?] [R] RND POPULAR | Archived flashes: 229456 |
/disc/ · /res/ — /show/ · /fap/ · /gg/ · /swf/ | P0001 · P2574 · P5148 |
This is the info page for Flash #71203 |
Play |
Ultra-Packed Flash Tutorial by, Crazymonkey154 |
Hello, welcome to this tutorial. In this, you'll learn about symbols, actionscript, preloaders, sound, buttons, tweening, quality options and frame-by-frame animation. These are all things you'll need to know how to do in Flash. Click "Next" to continue. BUT, before you do, I want you to open a new document in Flash (if you have it) so you can try out the things taught in this tutorial. |
NEXT |
H |
M |
L |
Quality |
I'm going to start with something simple, Symbols. Symbols are items that are stored in a "Library". Libraries are Flash's storage thingies. Libraries are a whole different story, though. There are 3 types of symbols in Flash: Movie Clip, Button and Graphic. To make a symbol, make a little thingy, highlight it, ALL of it, and press F8 to convert it to a symbol. Flash will ask you whether you want it to be a Movie Clip, Button or Graphic. Select one of the types, give the symbol a (reasonable) name, and press "OK" (or enter on your keyboard) Later on, you will learn about Buttons. Let's stick to Movie Clips and Graphics for now. |
BACK |
1. SYMBOLS |
Movie Clip: This symbol, like buttons, can have actionscript for it. You'll learn about actionscript and buttons later. Movie Clips can be draggable, moved with arrow keys, etc. Graphic: This is the only symbol that CAN'T have actionscript for it. However, an advantage with Graphics is that you can control which frame(s) they play. That is, if your Graphic has a bit of animation in it. |
When you convert something to a symbol (except for a Button), you may make it (kind of) like a sprite. Real sprites are a whole different story, though. Go to a DIFFERENT Flash tutorial if you'd like to know about sprites. Do some animation in the symbol, then confirm the changes you've made. When you test your flash, your symbol will loop over and over again. Well, at least it will if the symbol is a Movie Clip. |
2. ACTIONSCRIPT |
Actionscript is (kind of) like a code for Flash. It's difficult, but necessary to have if you want Flash to work right if you've got buttons or something like that. Actionscript is the code used to tell Flash what to do when certain things happen. For instance, what brought you to this section was its actionscript!!! Its actions were to go to the first frame of Scene 3, which you're (currently) on. You can give actions to a frame, Movie Clip or Button. |
To give something actionscript, press F9. This will open up the Actions panel. You'll notice a little light-blue cross sign. This is where to locate actions for selecting. Look in a file, highlight an action, click it to choose it. And, it's there. To confirm the actions, press the blue checkmark. If there are NO errors, it will say 'This script contains no errors.' Click OK to close it. If there are any errors, they are shown in a separate panel. If you need assistance aside from this tutorial, click on Script Assist. You can only use the assist if there are NO errors. If there are errors, delete them before clicking on Script Assist again. |
Once you get the hang of actionscript, it can be quite simple. You just have to give the correct actions for things. When something has actions, the text appears blue or, occasionally, green. This section of this tutorial should have taught you everything you need to know about actionscripting things. And, if actionscript takes you a while to get the hang of, DON'T feel ashamed!!! It took me a while to first get the hang of it, and, I DON'T feel ashamed. |
______ |
Buttons are a type of symbols mentioned in the "Symbols" section. The reason why it has a whole section of its own is because buttons are, if you ask me, more complex than Movie Clips and Graphics. Once converted, buttons have 4 frames. They are (in order) "Up", "Over", "Down" and "Hit". Take a look at the button below (the line is there because the text can be anything. Here's an example of a button in frame "Up": |
3. BUTTONS |
When you pressed "Next" on the previous page, that was a button!!! Now, "Up" is when the mouse is NOT over the button. "Over" is when the mouse is over the button, but the button has NOT (yet) been pressed. Here's an example of a button in frame "Over": |
After the mouse is over the button, it is pressed (duh). Unlike "Over", "Down" is when you've pressed the button. Here's an example of a button in frame "Down": |
After the mouse has pressed the button, it goes into the final frame, "Hit". "Hit" is when you've pressed and released the button. It can be the same as "Down", unless the button also has text, in "Hit", the text has to go (unless your entire button is text.). Here's an example of a button in frame "Hit": |
Now that you know about the four button frames, try it out!!! Make a button, and do those steps. Afterwards, click the (small) button below. NOTHING exciting will happen, though. |
4. SOUND |
Sound is an important thing to have in your Flash if you're going to submit it to Newgrounds. Otherwise, it's most likely to get BLAMMED. Adding sound is actually quite simple. Just go to File>Import>Import to Stage, and select sound that you want. However, placing them right is harder. A simple way to do it is by selecting a frame, going into Properties, and selecting a sound. You can make sounds play once, twice, thrice (3 times), loop over and over again, etc. Some people give each sound its own layer, others have them all on the same layer. |
Here's an example of animation with sound (it will loop over and over again until you go to the next page): |
Remember, sound is your friend in Flash. Without it, your Flash will NOT turn out so great. Sound may be difficult at first, but, you'll eventually find it rather simple. Now go to the next section. |
5. QUALITY OPTIONS |
Sure some computers are fairly fast, but how about slow computers?? When a computer is slow, it is recommended to set the quality to Low, or perhaps Medium. Take a look at the Quality Option Buttons in the top right corner of this page. Choose a quality (I added the sound effects for fun). If you want quality buttons like mine, here's the actionscript you'll need for Quality buttons: |
<p align="left"><font face="Times New Roman" size="15" color="#000000" letterSpacing="0.000000" kerning="1">on (press) {_quality = "high";}</font></p><p align="left"><font face="Times New Roman" size="15" color="#000000" letterSpacing="0.000000" kerning="1">on (press) {_quality = "low";}</font></p><p align="left"><font face="Times New Roman" size="15" color="#000000" letterSpacing="0.000000" kerning="1">on (press) {_quality = "medium";}</font></p> |
Once you're done, you should be left with the following (Try the options BELOW out!!): |
Medium Quality |
Low Quality |
High Quality |
You should be good on making quality options by now. I hope this section helped. Now go eat some cookies with a glass of milk, but (please) save some for me. |
Tweening is a type of animation. There are 2 types of tweening; Motion Tween and Shape Tween. Here is how to use each type of tween; Motion: Select what you would like to tween, convert it to a symbol, and put it on its own layer. Insert a keyframe 10 or so frames after the current frame, put it in a different area, and you're done. Shape: Make a shape, such as a circle, do NOT convert it to a symbol. Insert a keyframe 10 or so frames after the current frame, make a different shape, like a rectangle, and you're done. |
6. TWEENING |
Here's an example of Motion Tween (it will loop over and over until you click "next".): |
Here's an example of Shape Tween (it will loop over and over until you click "next".): |
To select either type of tween, go into Properties, and select the tween you want. This is all I have to say on Tweening. Now, go drink a glass of water. |
Frame-by-frame is another type of animation. It is more difficult than tweening. To animate frame-by-frame, make keyframe after keyframe, adjusting slightly each frame. If you're going to animate frame-by-frame, I'd recommend using a tool called "Onion Skin". Onion Skin is the button below the timeline bar and between a red thingy and 2 white squares. In frame-by-frame animation, Onion Skin really helps, I mean it. |
7. FRAME-BY-FRAME ANIMATION |
Here's an example of Frame-by-frame animation (it will loop over and over until you click "next".). I know it's choppy, but it's only a demonstration.: |
So, I think that's all you need to know about frame-by-frame animation. You can decide on whether you like this or tweening, though. I DON'T care, or necessarily recommend one or the other. |
Preloaders are what load your movie/game. I saved this topic for last because it requires doing some things mentioned in some other topics. If you have NOT read about Actionscript, Buttons or Tweening, go back NOW and look at each of them, you'll need to know about each of those for this. |
8. PRELOADERS |
Let's start by making a rectangle with a black outline, but a DIFFERENT inner color. Mine is blue, but you can use any color you wish, but preferably NOT white (If White's your background color.). |
Next, convert the rectangle to a Movie Clip, and call it "Loadbar". Double-click it to go into edit mode. Call the 1st layer "Fill". Create another layer and call it "Lines". Put the outline of the rectangle on the "lines" layer. Insert a keyframe at frame 100 for the "Fill" layer. Leave the bar full at 100. Simply insert a frame at frame 100 for the "Lines" layer. At the 1st frame in the "Fill" layer, shrink the fill part, like this: |
Now, in frame 1 of the "Fill" layer, select Shape Tween. Insert a keyframe at frame 101 for both layers. Then, insert a 3rd layer and call it "Actionscript". Insert a keyframe at frame 101 for the "Actionscript" Layer as well. In it go to actions and go to Global Functions>Timeline Control>Stop. In frame 101 of the "Lines" layer, delete the lines. Also delete the bar in the "Fill" layer. Do NOT worry, we are going to make a "Play" button. |
In the "Fill" layer, make a "Play" button, and put this in its actions: |
<p align="left"><font face="Times New Roman" size="20" color="#000000" letterSpacing="0.000000" kerning="1">on (release) {</font></p><p align="left"><font face="Times New Roman" size="20" color="#000000" letterSpacing="0.000000" kerning="1">_root.play();</font></p><p align="left"><font face="Times New Roman" size="20" color="#000000" letterSpacing="0.000000" kerning="1">}</font></p><p align="left"></p> |
Now, put your finished Preloader in the first frame (make it a single frame), and in its actions, go to Global Functions>Timeline Control>Stop. The rest of the movie/game is totally up to you to come up with. Congrats!! You've passed!! This is the end of the tutorial. I hope you now know a good deal of Flash. If you ever forget how to do something, feel free to come back to this tutorial at anytime. Now go play some video games. |
Replay |
ActionScript [AS1/AS2]
Frame 1stop(); stopAllSounds();Frame 2stop();Frame 3stop();Frame 4stop();Frame 5stop();Frame 6stop();Frame 7stop();Frame 8stop();Frame 9stop();Frame 10stop();Frame 11stop();Frame 12stop();Frame 13stop();Frame 14stop();Frame 15stop();Frame 16stop();Frame 17stop();Frame 18stop();Frame 19stop();Frame 20stop();Frame 21stop();Frame 22stop();Frame 23stop();Frame 24stop();Frame 25stop();Frame 26stop();Frame 27stop();Frame 28stop();Frame 29stop();Frame 30stop();Frame 31stop();Frame 32stop();Symbol 12 Buttonon (release) { _root.play(); }Symbol 13 MovieClip Frame 101stop();Symbol 20 Buttonon (release) { nextFrame(); }Symbol 23 Buttonon (press) { _quality = "high"; }Symbol 26 Buttonon (press) { _quality = "medium"; }Symbol 29 Buttonon (press) { _quality = "low"; }Symbol 34 Buttonon (release) { prevFrame(); }Symbol 80 Buttonon (press) { _quality = "medium"; }Symbol 82 Buttonon (press) { _quality = "low"; }Symbol 84 Buttonon (press) { _quality = "high"; }Symbol 133 Buttonon (release) { play(); }
Library Items
Symbol 1 ShapeTweening | Used by:13 | |
Symbol 2 Graphic | Used by:13 | |
Symbol 3 Graphic | Used by:4 | |
Symbol 4 MovieClip | Uses:3 | Used by:13 Timeline |
Symbol 5 Graphic | Used by:13 | |
Symbol 6 Graphic | Used by:12 | |
Symbol 7 Font | Used by:8 14 15 17 21 24 27 30 32 33 35 37 39 40 41 42 43 46 47 48 50 52 53 58 59 60 74 75 76 77 78 79 81 83 85 86 87 88 94 98 99 100 101 118 119 120 121 124 125 126 127 128 130 | |
Symbol 8 Text | Uses:7 | Used by:12 |
Symbol 9 Graphic | Used by:12 | |
Symbol 10 Graphic | Used by:12 | |
Symbol 11 Sound | Used by:12 20 34 133 | |
Symbol 12 Button | Uses:6 8 9 10 11 | Used by:13 |
Symbol 13 MovieClip | Uses:1 2 4 5 12 | Used by:Timeline |
Symbol 14 Text | Uses:7 | Used by:Timeline |
Symbol 15 Text | Uses:7 | Used by:Timeline |
Symbol 16 Graphic | Used by:20 34 | |
Symbol 17 Text | Uses:7 | Used by:20 |
Symbol 18 Graphic | Used by:20 34 | |
Symbol 19 Graphic | Used by:20 34 | |
Symbol 20 Button | Uses:16 17 18 19 11 | Used by:Timeline |
Symbol 21 Text | Uses:7 | Used by:23 |
Symbol 22 Sound | Used by:23 Timeline | |
Symbol 23 Button | Uses:21 22 | Used by:31 |
Symbol 24 Text | Uses:7 | Used by:26 |
Symbol 25 Sound | Used by:26 | |
Symbol 26 Button | Uses:24 25 | Used by:31 |
Symbol 27 Text | Uses:7 | Used by:29 |
Symbol 28 Sound | Used by:29 | |
Symbol 29 Button | Uses:27 28 | Used by:31 |
Symbol 30 Text | Uses:7 | Used by:31 |
Symbol 31 MovieClip | Uses:23 26 29 30 | Used by:Timeline |
Symbol 32 Text | Uses:7 | Used by:Timeline |
Symbol 33 Text | Uses:7 | Used by:34 |
Symbol 34 Button | Uses:16 33 18 19 11 | Used by:Timeline |
Symbol 35 Text | Uses:7 | Used by:Timeline |
Symbol 36 Font | Used by:37 39 42 45 46 52 60 74 76 77 99 118 127 | |
Symbol 37 Text | Uses:7 36 | Used by:Timeline |
Symbol 38 Font | Used by:39 41 42 74 77 121 127 | |
Symbol 39 Text | Uses:7 36 38 | Used by:Timeline |
Symbol 40 Text | Uses:7 | Used by:Timeline |
Symbol 41 Text | Uses:7 38 | Used by:Timeline |
Symbol 42 Text | Uses:7 38 36 | Used by:Timeline |
Symbol 43 Text | Uses:7 | Used by:Timeline |
Symbol 44 Graphic | Used by:Timeline | |
Symbol 45 Text | Uses:36 | Used by:57 Timeline |
Symbol 46 Text | Uses:7 36 | Used by:Timeline |
Symbol 47 Text | Uses:7 | Used by:Timeline |
Symbol 48 Text | Uses:7 | Used by:Timeline |
Symbol 49 Graphic | Used by:Timeline | |
Symbol 50 Text | Uses:7 | Used by:Timeline |
Symbol 51 Graphic | Used by:Timeline | |
Symbol 52 Text | Uses:7 36 | Used by:Timeline |
Symbol 53 Text | Uses:7 | Used by:Timeline |
Symbol 54 Graphic | Used by:57 | |
Symbol 55 Graphic | Used by:57 | |
Symbol 56 Graphic | Used by:57 | |
Symbol 57 Button | Uses:54 45 55 56 | Used by:Timeline |
Symbol 58 Text | Uses:7 | Used by:Timeline |
Symbol 59 Text | Uses:7 | Used by:Timeline |
Symbol 60 Text | Uses:7 36 | Used by:Timeline |
Symbol 61 Graphic | Used by:73 | |
Symbol 62 Graphic | Used by:63 | |
Symbol 63 MovieClip | Uses:62 | Used by:73 |
Symbol 64 Graphic | Used by:73 | |
Symbol 65 Graphic | Used by:73 | |
Symbol 66 Graphic | Used by:73 | |
Symbol 67 Graphic | Used by:68 | |
Symbol 68 MovieClip | Uses:67 | Used by:73 |
Symbol 69 Sound | Used by:73 | |
Symbol 70 Graphic | Used by:73 | |
Symbol 71 Graphic | Used by:73 | |
Symbol 72 Graphic | Used by:73 | |
Symbol 73 MovieClip | Uses:61 63 64 65 66 68 69 70 71 72 | Used by:Timeline |
Symbol 74 Text | Uses:7 36 38 | Used by:Timeline |
Symbol 75 Text | Uses:7 | Used by:Timeline |
Symbol 76 Text | Uses:7 36 | Used by:Timeline |
Symbol 77 EditableText | Uses:7 36 38 | Used by:Timeline |
Symbol 78 Text | Uses:7 | Used by:Timeline |
Symbol 79 Text | Uses:7 | Used by:80 |
Symbol 80 Button | Uses:79 | Used by:Timeline |
Symbol 81 Text | Uses:7 | Used by:82 |
Symbol 82 Button | Uses:81 | Used by:Timeline |
Symbol 83 Text | Uses:7 | Used by:84 |
Symbol 84 Button | Uses:83 | Used by:Timeline |
Symbol 85 Text | Uses:7 | Used by:Timeline |
Symbol 86 Text | Uses:7 | Used by:Timeline |
Symbol 87 Text | Uses:7 | Used by:Timeline |
Symbol 88 Text | Uses:7 | Used by:Timeline |
Symbol 89 Graphic | Used by:90 | |
Symbol 90 MovieClip | Uses:89 | Used by:93 |
Symbol 91 Graphic | Used by:92 | |
Symbol 92 MovieClip | Uses:91 | Used by:93 |
Symbol 93 MovieClip | Uses:90 92 | Used by:Timeline |
Symbol 94 Text | Uses:7 | Used by:Timeline |
Symbol 95 ShapeTweening | Used by:97 | |
Symbol 96 Graphic | Used by:97 | |
Symbol 97 MovieClip | Uses:95 96 | Used by:Timeline |
Symbol 98 Text | Uses:7 | Used by:Timeline |
Symbol 99 Text | Uses:7 36 | Used by:Timeline |
Symbol 100 Text | Uses:7 | Used by:Timeline |
Symbol 101 Text | Uses:7 | Used by:Timeline |
Symbol 102 Graphic | Used by:117 | |
Symbol 103 Graphic | Used by:117 | |
Symbol 104 Graphic | Used by:117 | |
Symbol 105 Graphic | Used by:117 | |
Symbol 106 Graphic | Used by:117 | |
Symbol 107 Graphic | Used by:117 | |
Symbol 108 Graphic | Used by:117 | |
Symbol 109 Graphic | Used by:117 | |
Symbol 110 Graphic | Used by:117 | |
Symbol 111 Graphic | Used by:117 | |
Symbol 112 Graphic | Used by:117 | |
Symbol 113 Graphic | Used by:117 | |
Symbol 114 Graphic | Used by:117 | |
Symbol 115 Graphic | Used by:117 | |
Symbol 116 Graphic | Used by:117 | |
Symbol 117 MovieClip | Uses:102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 | Used by:Timeline |
Symbol 118 Text | Uses:7 36 | Used by:Timeline |
Symbol 119 Text | Uses:7 | Used by:Timeline |
Symbol 120 Text | Uses:7 | Used by:Timeline |
Symbol 121 Text | Uses:7 38 | Used by:Timeline |
Symbol 122 Graphic | Used by:Timeline | |
Symbol 123 Graphic | Used by:Timeline | |
Symbol 124 Text | Uses:7 | Used by:Timeline |
Symbol 125 Text | Uses:7 | Used by:Timeline |
Symbol 126 Text | Uses:7 | Used by:Timeline |
Symbol 127 EditableText | Uses:7 36 38 | Used by:Timeline |
Symbol 128 Text | Uses:7 | Used by:Timeline |
Symbol 129 Graphic | Used by:133 | |
Symbol 130 Text | Uses:7 | Used by:133 |
Symbol 131 Graphic | Used by:133 | |
Symbol 132 Graphic | Used by:133 | |
Symbol 133 Button | Uses:129 130 131 132 11 | Used by:Timeline |
Special Tags
FileAttributes (69) | Timeline Frame 1 | Access local files only, Metadata not present, AS1/AS2. |
|