STORY LOOP FURRY PORN GAMES C SERVICES [?] [R] RND POPULAR | Archived flashes: 229595 |
/disc/ · /res/ — /show/ · /fap/ · /gg/ · /swf/ | P0001 · P2595 · P5190 |
A Very Merry Christmas! |
This is the info page for Flash #69518 |
LOADING |
LOADING |
Sample |
Hello And Welcome to my second tutorial for you guys, the aspiring flash artists. In this edition we take a look at how to make a candle flame using the duplicate movie method. Basically this is kind of like making a particle system in flash. For example a movie clip keeps generating a copy of itself over and over again giving the illusion of a constant flow. This tutorial will only show you the basics , but this can be used in many situations such as for rain smoke or starbursts. Keep in mind though that this technique can be very processor intensive for some computers and can slow your animation if you are not careful. So without further delay, here is the tutorial :). |
PS there will be a gallery @ the end showcasing different usages. |
Step 1: Change your Frame Rate to 30. You can change this later if desired, but remember you'll have to go back and adjust the amount of frames in your movie clips. |
Step 2: Draw an orb with a radial gradient fill(no stroke). Make the center white. The middle orange, and the outside should be a vibrant red with it's alpha channel turned down to 0 like shown below in figure c |
Step 3: Group your orb together using ctrl+g. Then we are going to convert it(f8 key) to a graphic with the name "fireorb". Hit ok and continue. |
Step 4: Once it is converted, we will have to convert it again into another type of symbol(a movie clip) so hit F8 again and this time choose movie clip instead of graphic. Give it a name of "firego". Hit OK once it is converted double click the orb while it is on the stage and it will let you "edit in place" You can also get to edit in place by right-clicking the orb end choosing the appropriate menu item. |
Before |
After |
Step 5: Once you're inside of the new movie clip insert a keyframe on frame 20 by right-clicking in frame 20 and choosing "insert keyframe" then while still on frame 20 select the orb and move it straight up by about 170 pixels or so.If you hold shift when you move the orb it will constrain your movement to a straight line. |
Step 6: Right-click anywhere between the 2 keyframes in the timeline and choose "Create Motion Tween". this will "tween" your object and make it move. |
Step 7: Select the orb again and in the properties inspector at the bottom of the screen change the "color" box to say "alpha" Once this is done use the slider next to the box to lower the orb's alpha to 0. This makes the orb fade away. |
Step 8: Right-click on frame 21 in the timeline and choose "insert blank keyframe". then hit F9 to bring up the actions panel. When in the panel copy and paste this action script in the window. |
<P ALIGN="CENTER"><FONT FACE="_sans" SIZE="15" COLOR="#0000FF">stop();</FONT></P> |
This will stop the movie clip from playing over and over. |
Step 9: Next we are going to go back to the main timeline by hitting the scene1 button. |
Step 10: The next step is to convert the orb to another symbol once again.Hit F8 to convert to symbol choose Movie Clip as the behavior. And for the name type "duplicator". Once converted we are going to edit this one in place as well. Double click the orb to go "into" it. |
Step 11: Once inside of the clip select the firego movie clip that is inside already. When it is selected you will see in the property inspector at the bottom of the screen that there is a box there that says "instance name" click inside this box to activate it and type orb for the name. |
Step 12: Now add a layer to the timeline by hitting the folder icon with a + on it.Name the new layer actions and name the first layer "orb". Once named right click on frame 2 of each layer and hit "insert keyframe". |
Step 13: Now we are going to add the actions for the actions layer. Select frame 1 and hit F9. Inside of the actions window that pops up type paste this action script.Make sure you copy/paste. the entire following text marked in blue. The // lines that you see can be removed without affecting your script. |
<P ALIGN="LEFT"><FONT FACE="_sans" SIZE="15" COLOR="#0000FF">// the following line will duplicate the movie</FONT></P><P ALIGN="LEFT"><FONT FACE="_sans" SIZE="15" COLOR="#0000FF">// over and over again and add a new instance</FONT></P><P ALIGN="LEFT"><FONT FACE="_sans" SIZE="15" COLOR="#0000FF">// name each time it makes a new one.</FONT></P><P ALIGN="LEFT"><FONT FACE="_sans" SIZE="15" COLOR="#0000FF">duplicateMovieClip(orb, c, c);</FONT></P><P ALIGN="LEFT"><FONT FACE="_sans" SIZE="15" COLOR="#0000FF">//the fi\ollowing line sets the rotation</FONT></P><P ALIGN="LEFT"><FONT FACE="_sans" SIZE="15" COLOR="#0000FF">// of the orb to be slightly different</FONT></P><P ALIGN="LEFT"><FONT FACE="_sans" SIZE="15" COLOR="#0000FF">// in each frame, giving it a flickering</FONT></P><P ALIGN="LEFT"><FONT FACE="_sans" SIZE="15" COLOR="#0000FF">// look</FONT></P><P ALIGN="LEFT"><FONT FACE="_sans" SIZE="15" COLOR="#0000FF">setProperty(orb, _rotation, random(6));</FONT></P> |
Step 14: Select frame 2 in the actions layer and bring up the actions window again(F9). then paste this script in the window. Remember Paste ALL BLUE TEXT and again you may delete any lines marked with //. |
<P ALIGN="LEFT"><FONT FACE="_sans" SIZE="15" COLOR="#0000FF">// the following line initializes a variable</FONT></P><P ALIGN="LEFT"><FONT FACE="_sans" SIZE="15" COLOR="#0000FF">// named "c" This line is also where the new</FONT></P><P ALIGN="LEFT"><FONT FACE="_sans" SIZE="15" COLOR="#0000FF">// instance name and level of the newly formed</FONT></P><P ALIGN="LEFT"><FONT FACE="_sans" SIZE="15" COLOR="#0000FF">// duplicated movie clips are named. Another</FONT></P><P ALIGN="LEFT"><FONT FACE="_sans" SIZE="15" COLOR="#0000FF">// function of this line is to add itself</FONT></P><P ALIGN="LEFT"><FONT FACE="_sans" SIZE="15" COLOR="#0000FF">// plus one each time this frame plays thus</FONT></P><P ALIGN="LEFT"><FONT FACE="_sans" SIZE="15" COLOR="#0000FF">// making it one number higher than the last</FONT></P><P ALIGN="LEFT"><FONT FACE="_sans" SIZE="15" COLOR="#0000FF">c=c+1;</FONT></P><P ALIGN="LEFT"><FONT FACE="_sans" SIZE="15" COLOR="#0000FF">// the following line states that if the </FONT></P><P ALIGN="LEFT"><FONT FACE="_sans" SIZE="15" COLOR="#0000FF">// variable c from above should exceed the</FONT></P><P ALIGN="LEFT"><FONT FACE="_sans" SIZE="15" COLOR="#0000FF">// number 20 to reset it back to 0.</FONT></P><P ALIGN="LEFT"><FONT FACE="_sans" SIZE="15" COLOR="#0000FF">if (c>20) {</FONT></P><P ALIGN="LEFT"><FONT FACE="_sans" SIZE="15" COLOR="#0000FF">c=0;</FONT></P><P ALIGN="LEFT"><FONT FACE="_sans" SIZE="15" COLOR="#0000FF">}</FONT></P><P ALIGN="LEFT"><FONT FACE="_sans" SIZE="15" COLOR="#0000FF">// the following line tells the playback </FONT></P><P ALIGN="LEFT"><FONT FACE="_sans" SIZE="15" COLOR="#0000FF">// head of the movie to go to frmae 1</FONT></P><P ALIGN="LEFT"><FONT FACE="_sans" SIZE="15" COLOR="#0000FF">gotoAndPlay(1);</FONT></P> |
Step 15: Change your background color to black. this way you'll see your flame better. Hit Ctrl+Enter to watch your new flames.:) Click next to see more examples of this in use. |
Click here for rain source file |
Click here for rain source file |
ActionScript [AS1/AS2]
Frame 1if (_root.getBytesLoaded() == _root.getBytesTotal()) { _root.gotoAndStop("begin"); } percent = Math.round((_root.getBytesLoaded() / _root.getBytesTotal()) * 100) + "%";Frame 2gotoAndPlay (1);Frame 3stop();Frame 21stopAllSounds();Symbol 11 MovieClip Frame 21stop();Symbol 12 MovieClip Frame 1duplicateMovieClip (orb, c, c); setProperty(orb, _rotation , random(6));Symbol 12 MovieClip Frame 2c = c + 1; if (c > 20) { c = 0; } gotoAndPlay (1);Symbol 19 Buttonon (release) { _parent.gotoAndStop(_parent._currentframe + 1); }Symbol 20 Buttonon (release) { _parent.gotoAndStop(_parent._currentframe - 1); }Symbol 79 MovieClip Frame 31stop();Symbol 80 MovieClip Frame 1duplicateMovieClip (orb, c, c); setProperty(orb, _rotation , random(360));Symbol 80 MovieClip Frame 2c = c + 1; if (c > 30) { c = 0; } gotoAndPlay (1);Symbol 82 MovieClip Frame 41stop();Symbol 83 MovieClip Frame 1duplicateMovieClip (orb, c, c); setProperty(orb, _rotation , random(360)); setProperty(orb, _xscale , random(100)); setProperty(orb, _yscale , random(100));Symbol 83 MovieClip Frame 2c = c + 1; if (c > 20) { c = 0; } gotoAndPlay (1);Symbol 87 MovieClip Frame 46stop();Symbol 88 MovieClip Frame 1c = 0;Symbol 88 MovieClip Frame 2duplicateMovieClip (drop, c, c); setProperty(c, _y , random(20)); setProperty(c, _x , random(550));Symbol 88 MovieClip Frame 3c = c + 1; if (c > 40) { c = 0; } gotoAndPlay (2);Symbol 92 Buttonon (release) { getURL ("http://www.wrathmedia.com/rain/rain.fla", "_self"); }
Library Items
Symbol 1 Font | Used by:2 3 4 5 7 8 9 24 30 33 36 40 41 42 45 48 51 52 53 56 59 62 65 68 69 72 73 76 90 91 | |
Symbol 2 EditableText | Uses:1 | Used by:Timeline |
Symbol 3 EditableText | Uses:1 | Used by:Timeline |
Symbol 4 EditableText | Uses:1 | Used by:Timeline |
Symbol 5 EditableText | Uses:1 | Used by:Timeline |
Symbol 6 Graphic | Used by:Timeline | |
Symbol 7 EditableText | Uses:1 | Used by:Timeline |
Symbol 8 EditableText | Uses:1 | Used by:Timeline |
Symbol 9 EditableText | Uses:1 | Used by:Timeline |
Symbol 10 Graphic | Used by:11 | |
Symbol 11 MovieClip | Uses:10 | Used by:12 |
Symbol 12 MovieClip | Uses:11 | Used by:Timeline |
Symbol 13 Graphic | Used by:21 | |
Symbol 14 Graphic | Used by:19 20 | |
Symbol 15 Graphic | Used by:19 20 | |
Symbol 16 Graphic | Used by:19 20 | |
Symbol 17 Graphic | Used by:19 20 | |
Symbol 18 Graphic | Used by:19 20 | |
Symbol 19 Button | Uses:14 15 16 17 18 | Used by:21 |
Symbol 20 Button | Uses:14 15 16 17 18 | Used by:21 |
Symbol 21 MovieClip | Uses:13 19 20 | Used by:Timeline |
Symbol 22 Bitmap | Used by:23 | |
Symbol 23 Graphic | Uses:22 | Used by:Timeline |
Symbol 24 EditableText | Uses:1 | Used by:Timeline |
Symbol 25 Bitmap | Used by:29 | |
Symbol 26 Bitmap | Used by:29 | |
Symbol 27 Bitmap | Used by:29 | |
Symbol 28 Bitmap | Used by:29 | |
Symbol 29 Graphic | Uses:25 26 27 28 | Used by:Timeline |
Symbol 30 EditableText | Uses:1 | Used by:Timeline |
Symbol 31 Bitmap | Used by:32 | |
Symbol 32 Graphic | Uses:31 | Used by:Timeline |
Symbol 33 EditableText | Uses:1 | Used by:Timeline |
Symbol 34 Bitmap | Used by:35 | |
Symbol 35 Graphic | Uses:34 | Used by:Timeline |
Symbol 36 EditableText | Uses:1 | Used by:Timeline |
Symbol 37 Bitmap | Used by:39 | |
Symbol 38 Bitmap | Used by:39 | |
Symbol 39 Graphic | Uses:37 38 | Used by:Timeline |
Symbol 40 EditableText | Uses:1 | Used by:Timeline |
Symbol 41 EditableText | Uses:1 | Used by:Timeline |
Symbol 42 EditableText | Uses:1 | Used by:Timeline |
Symbol 43 Bitmap | Used by:44 | |
Symbol 44 Graphic | Uses:43 | Used by:Timeline |
Symbol 45 EditableText | Uses:1 | Used by:Timeline |
Symbol 46 Bitmap | Used by:47 | |
Symbol 47 Graphic | Uses:46 | Used by:Timeline |
Symbol 48 EditableText | Uses:1 | Used by:Timeline |
Symbol 49 Bitmap | Used by:50 | |
Symbol 50 Graphic | Uses:49 | Used by:Timeline |
Symbol 51 EditableText | Uses:1 | Used by:Timeline |
Symbol 52 EditableText | Uses:1 | Used by:Timeline |
Symbol 53 EditableText | Uses:1 | Used by:Timeline |
Symbol 54 Bitmap | Used by:55 | |
Symbol 55 Graphic | Uses:54 | Used by:Timeline |
Symbol 56 EditableText | Uses:1 | Used by:Timeline |
Symbol 57 Bitmap | Used by:58 | |
Symbol 58 Graphic | Uses:57 | Used by:Timeline |
Symbol 59 EditableText | Uses:1 | Used by:Timeline |
Symbol 60 Bitmap | Used by:61 | |
Symbol 61 Graphic | Uses:60 | Used by:Timeline |
Symbol 62 Text | Uses:1 | Used by:Timeline |
Symbol 63 Bitmap | Used by:64 | |
Symbol 64 Graphic | Uses:63 | Used by:Timeline |
Symbol 65 EditableText | Uses:1 | Used by:Timeline |
Symbol 66 Bitmap | Used by:67 | |
Symbol 67 Graphic | Uses:66 | Used by:Timeline |
Symbol 68 EditableText | Uses:1 | Used by:Timeline |
Symbol 69 EditableText | Uses:1 | Used by:Timeline |
Symbol 70 Bitmap | Used by:71 | |
Symbol 71 Graphic | Uses:70 | Used by:Timeline |
Symbol 72 EditableText | Uses:1 | Used by:Timeline |
Symbol 73 EditableText | Uses:1 | Used by:Timeline |
Symbol 74 Bitmap | Used by:75 | |
Symbol 75 Graphic | Uses:74 | Used by:Timeline |
Symbol 76 EditableText | Uses:1 | Used by:Timeline |
Symbol 77 Graphic | Used by:Timeline | |
Symbol 78 Graphic | Used by:79 | |
Symbol 79 MovieClip | Uses:78 | Used by:80 |
Symbol 80 MovieClip | Uses:79 | Used by:Timeline |
Symbol 81 Graphic | Used by:82 | |
Symbol 82 MovieClip | Uses:81 | Used by:83 |
Symbol 83 MovieClip | Uses:82 | Used by:Timeline |
Symbol 84 Graphic | Used by:Timeline | |
Symbol 85 Graphic | Used by:87 | |
Symbol 86 Graphic | Used by:87 | |
Symbol 87 MovieClip | Uses:85 86 | Used by:88 |
Symbol 88 MovieClip | Uses:87 | Used by:Timeline |
Symbol 89 Graphic | Used by:92 | |
Symbol 90 EditableText | Uses:1 | Used by:92 |
Symbol 91 EditableText | Uses:1 | Used by:92 |
Symbol 92 Button | Uses:89 90 91 | Used by:Timeline |
Symbol 93 Sound | Used by:Timeline |
Instance Names
"orb" | Symbol 12 MovieClip Frame 1 | Symbol 11 MovieClip |
"orb" | Symbol 80 MovieClip Frame 1 | Symbol 79 MovieClip |
"orb" | Symbol 83 MovieClip Frame 1 | Symbol 82 MovieClip |
"drop" | Symbol 88 MovieClip Frame 2 | Symbol 87 MovieClip |
Labels
"begin" | Frame 3 |
Dynamic Text Variables
percent | Symbol 3 EditableText | "" |
percent | Symbol 5 EditableText | "" |
|