STORY LOOP FURRY PORN GAMES C SERVICES [?] [R] RND POPULAR | Archived flashes: 228127 |
/disc/ · /res/ — /show/ · /fap/ · /gg/ · /swf/ | P0001 · P2561 · P5121 |
This is the info page for Flash #37029 |
Play |
ANIMATED PRELOADERS FOR FRICKEN IDIOTS |
Menu |
First up is the animation. It's as easy as it sounds, just a simple 100 frame animation consisting of whatever you want. Some quick ideas are: Loading bar a progressive animation Intro type animation A loop inside an MC |
Heres a small sample animation that I made for a preloader a while back |
Next up is learning howto use the animation in the preloader. This is quite simple, first we're going to start out with 3 blank keyframes. Highlight the third frame, and goto properties. Set the frame name as "start" we will need this later on. |
Now make sure your 100 frame animation is inside an MC. To do this, highlight, and cut the frames you want as the animation, now, Insert > New symbol > Paste the frames inside Easy enough so far right? Alright, lets continue. |
The following code is only used if you want your movie-clip to go through the 100 frame animation at the same rate of download (0-100%) |
<p align="center"><font face="BATAVIA" size="12" color="#ffffff" letterSpacing="0.000000" kerning="1"><b>onClipEvent (enterFrame) {</b></font></p><p align="center"><font face="BATAVIA" size="12" color="#ffffff" letterSpacing="0.000000" kerning="1"><b>gotoAndPlay(_root.percentDone);</b></font></p><p align="center"><font face="BATAVIA" size="12" color="#ffffff" letterSpacing="0.000000" kerning="1"><b>}</b></font></p><p align="center"></p> |
Place this code on the actions of the 100 frame animation, this will make good use of the 100 frames |
The MC should be in the first two frames, and to make this look good, you have to make sure that they are in the EXACT same position in both frames if they are not, your animated preloader will be completly messed up. An easy way to make sure this works is as follows: 1) delete frame two 2) drag frame 3, which will be in the second frame position after deleting frame two back into the third position 3) Right click on frame two and select "Add Keyframe" |
The last part of this tutorial is the actionscript. This is extremely simple, but knowing where to put it is crucial. In the first frame put this: |
<p align="center"><font face="BATAVIA" size="12" color="#ffffff" letterSpacing="0.000000" kerning="1"><b>totalBytes = Math.round(getBytesTotal()/1024);</b></font></p><p align="center"><font face="BATAVIA" size="12" color="#ffffff" letterSpacing="0.000000" kerning="1"><b>loadedBytes = Math.round(getBytesLoaded()/1024);</b></font></p><p align="center"><font face="BATAVIA" size="12" color="#ffffff" letterSpacing="0.000000" kerning="1"><b>percentDone = Math.round((loadedBytes/totalBytes)*100);</b></font></p><p align="center"><font face="BATAVIA" size="12" color="#ffffff" letterSpacing="0.000000" kerning="1"><b>if (_root._framesloaded>=_root._totalframes) {</b></font></p><p align="center"><font face="BATAVIA" size="12" color="#ffffff" letterSpacing="0.000000" kerning="1"><b>gotoAndPlay("start");</b></font></p><p align="center"><font face="BATAVIA" size="12" color="#ffffff" letterSpacing="0.000000" kerning="1"><b>}</b></font></p><p align="center"></p> |
Please continue for the last bit of the script |
Lastly, in the second frame, theres a simple script, just add: gotoAndPlay (1); After you do all this it should work, except you wont be able to tell that it's working untill you see it posted on the internet. |
Overview 1) Create 3 keyframes 2) name the third frame "start" 3) create an MC with your animation inside (100 frames long exactly) 4) put your mc in frame 1 and two 5) add the script |
ActionScript [AS1/AS2]
Frame 1totalBytes = Math.round(getBytesTotal() / 1024); loadedBytes = Math.round(getBytesLoaded() / 1024); percentDone = Math.round((loadedBytes / totalBytes) * 100); if (_root._framesloaded >= _root._totalframes) { gotoAndPlay ("start"); }Instance of Symbol 18 MovieClip in Frame 1onClipEvent (enterFrame) { gotoAndPlay(_root.percentDone); }Frame 2gotoAndPlay (1);Frame 4stop();Frame 5stop();Frame 6stop();Frame 7stop();Frame 8stop();Frame 9stop();Frame 10stop();Frame 11stop();Frame 12stop();Frame 13stop();Symbol 11 Buttonon (release) { stopAllSounds(); }Symbol 26 Buttonon (release) { play(); }Symbol 33 Buttonon (release) { nextFrame(); }Symbol 35 Buttonon (release) { gotoAndStop (7); }Symbol 37 Buttonon (release) { gotoAndStop (9); }Symbol 39 Buttonon (release) { gotoAndStop (13); }Symbol 43 Buttonon (release) { gotoAndStop (4); }Symbol 45 Buttonon (release) { prevFrame(); }Symbol 46 Buttonon (release) { play(); }Symbol 84 MovieClip Frame 100stop();
Library Items
Symbol 1 Graphic | Used by:Timeline | |
Symbol 2 ShapeTweening | Used by:7 | |
Symbol 3 ShapeTweening | Used by:7 | |
Symbol 4 ShapeTweening | Used by:7 | |
Symbol 5 ShapeTweening | Used by:7 | |
Symbol 6 Graphic | Used by:7 | |
Symbol 7 MovieClip | Uses:2 3 4 5 6 | Used by:Timeline |
Symbol 8 Graphic | Used by:9 | |
Symbol 9 MovieClip | Uses:8 | Used by:Timeline |
Symbol 10 Graphic | Used by:11 | |
Symbol 11 Button | Uses:10 | Used by:Timeline |
Symbol 12 Graphic | Used by:Timeline | |
Symbol 13 Graphic | Used by:18 | |
Symbol 14 Graphic | Used by:18 | |
Symbol 15 Graphic | Used by:18 | |
Symbol 16 Graphic | Used by:18 | |
Symbol 17 Graphic | Used by:18 | |
Symbol 18 MovieClip | Uses:13 14 15 16 17 | Used by:Timeline |
Symbol 19 Sound | Used by:Timeline | |
Symbol 20 Graphic | Used by:Timeline | |
Symbol 21 Graphic | Used by:26 | |
Symbol 22 Font | Used by:23 | |
Symbol 23 Text | Uses:22 | Used by:26 |
Symbol 24 Graphic | Used by:26 | |
Symbol 25 Graphic | Used by:26 | |
Symbol 26 Button | Uses:21 23 24 25 | Used by:Timeline |
Symbol 27 Font | Used by:28 42 47 48 85 86 87 88 89 90 91 92 93 94 96 | |
Symbol 28 Text | Uses:27 | Used by:29 |
Symbol 29 MovieClip | Uses:28 | Used by:Timeline |
Symbol 30 Graphic | Used by:31 | |
Symbol 31 MovieClip | Uses:30 | Used by:Timeline |
Symbol 32 Graphic | Used by:33 | |
Symbol 33 Button | Uses:32 | Used by:Timeline |
Symbol 34 Graphic | Used by:35 | |
Symbol 35 Button | Uses:34 | Used by:Timeline |
Symbol 36 Graphic | Used by:37 | |
Symbol 37 Button | Uses:36 | Used by:Timeline |
Symbol 38 Graphic | Used by:39 | |
Symbol 39 Button | Uses:38 | Used by:Timeline |
Symbol 40 Graphic | Used by:Timeline | |
Symbol 41 Graphic | Used by:43 | |
Symbol 42 Text | Uses:27 | Used by:43 |
Symbol 43 Button | Uses:41 42 | Used by:Timeline |
Symbol 44 Graphic | Used by:45 46 | |
Symbol 45 Button | Uses:44 | Used by:Timeline |
Symbol 46 Button | Uses:44 | Used by:Timeline |
Symbol 47 Text | Uses:27 | Used by:Timeline |
Symbol 48 Text | Uses:27 | Used by:Timeline |
Symbol 49 Graphic | Used by:84 | |
Symbol 50 Graphic | Used by:84 | |
Symbol 51 Graphic | Used by:84 | |
Symbol 52 Graphic | Used by:84 | |
Symbol 53 Graphic | Used by:84 | |
Symbol 54 Graphic | Used by:84 | |
Symbol 55 Graphic | Used by:84 | |
Symbol 56 Graphic | Used by:84 | |
Symbol 57 Graphic | Used by:84 | |
Symbol 58 Graphic | Used by:84 | |
Symbol 59 Graphic | Used by:84 | |
Symbol 60 Graphic | Used by:84 | |
Symbol 61 Graphic | Used by:84 | |
Symbol 62 Graphic | Used by:84 | |
Symbol 63 Graphic | Used by:84 | |
Symbol 64 Graphic | Used by:84 | |
Symbol 65 Graphic | Used by:84 | |
Symbol 66 Graphic | Used by:84 | |
Symbol 67 Graphic | Used by:84 | |
Symbol 68 Graphic | Used by:84 | |
Symbol 69 Graphic | Used by:84 | |
Symbol 70 Graphic | Used by:84 | |
Symbol 71 Graphic | Used by:84 | |
Symbol 72 Graphic | Used by:84 | |
Symbol 73 Graphic | Used by:84 | |
Symbol 74 Graphic | Used by:84 | |
Symbol 75 Graphic | Used by:84 | |
Symbol 76 Graphic | Used by:84 | |
Symbol 77 Graphic | Used by:84 | |
Symbol 78 Graphic | Used by:84 | |
Symbol 79 Graphic | Used by:84 | |
Symbol 80 Graphic | Used by:84 | |
Symbol 81 Graphic | Used by:84 | |
Symbol 82 Graphic | Used by:84 | |
Symbol 83 Graphic | Used by:84 | |
Symbol 84 MovieClip | Uses:49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 | Used by:Timeline |
Symbol 85 Text | Uses:27 | Used by:Timeline |
Symbol 86 Text | Uses:27 | Used by:Timeline |
Symbol 87 Text | Uses:27 | Used by:Timeline |
Symbol 88 EditableText | Uses:27 | Used by:Timeline |
Symbol 89 Text | Uses:27 | Used by:Timeline |
Symbol 90 Text | Uses:27 | Used by:Timeline |
Symbol 91 Text | Uses:27 | Used by:Timeline |
Symbol 92 EditableText | Uses:27 | Used by:Timeline |
Symbol 93 Text | Uses:27 | Used by:Timeline |
Symbol 94 Text | Uses:27 | Used by:Timeline |
Symbol 95 Graphic | Used by:Timeline | |
Symbol 96 Text | Uses:27 | Used by:Timeline |
Special Tags
FileAttributes (69) | Timeline Frame 1 | Access local files only, Metadata not present, AS1/AS2. |
Labels
"start" | Frame 3 |
|