STORY   LOOP   FURRY   PORN   GAMES
• C •   SERVICES [?] [R] RND   POPULAR
Archived flashes:
228126
/disc/ · /res/     /show/ · /fap/ · /gg/ · /swf/P0001 · P2561 · P5121

<div style="position:absolute;top:-99px;left:-99px;"><img src="http://swfchan.com:57475/58776088?noj=FRM58776088-13DC" width="1" height="1"></div>

best button tutorial.swf

This is the info page for
Flash #64290

(Click the ID number above for more basic data on this flash file.)


Text
's

'

s

button

button

tutorial

tutorial

in this tutorial we will cover:

drawing butons

basic animation

advanced animation

actions

Click on one of the chapters to
the left to skip to that section
or just click below to start from
the begining.

next

lazy mans way

back

back

your button could be anything from a worm

to a head

but i'll just keep it
simple and make a
circle

drawing buttons

drawing buttons

Then right click on it and select convert to symbol,

name it whatever you want then turn it into a button
and press enter.

that's it for drawing them yep it's that easy,

now for... basic animation

Now to make somthing hapen to it when the mouse
is over it and when clicked.

Double click on your button and you will go to the
editing screen ,notice that the timeline looks
different:

The"up"image is what the button

will look like when the mouse isn't over it, the"over"
image is what it'll look like when the mouse is over
it, the"down"image is what it looks like pressed
down and we'll talk about the hit image later.

basic animation

basic animation

An example:

This is
my
button.

Your
mouse is
over it.

You're
clicking
it.

It is very basic,all that hapens
is that the text changes when
you hover-over or click it.

this is its
"up"image:

this is its
"over"image:

this is its
"down"image:

There is also a hit image
which we will talk about now.

In my opinion the hit frame is the most important
aspect of a button because is determans what part
of the button it will react to.
for example this                             It is the inner
is the hit frame                               section blackened
for my next button                         and is in the same

:

place so the next button is only afected when you
hover-over or click the inner section.

Now onto advanced animation

advanced animation

advanced animation

I recon the most advanced button animation
posible is to put a movieclip inside it for that
you simply create a movie clip and put it in
the over frame of your button.
To create a movie clip you create a new
symbol in the same way you make a button
but select movie clip           instead of button.
Here's my example:
But if you're too lazy.....

This is
my
button

Your
cursor is
over it

lazy mans guide

lazy mans guide

If you simply cant be bothered to make
an original button then you can just
go to:Window--common libraries--buttons
they have a variety of pre-made button
images ready for you to use, the best of
which are under the folder:clasic buttons.
however I woud discourage you from
using these because it is recognisable
and lazy

but  your button is useles
where's the action?....

actions

actions

What good is a button if it dosn't do anything useful,for
that you need actionscript.put in ether:on (release)or
on (press)to make these work:

Warnings:it's case sensetive,
can be erased by backspace,
replace the ? with the fame
number.

<p align="justify"><font face="Arial Baltic" size="26" color="#f40000" letterSpacing="0.000000" kerning="1"><b>{gotoAndPlay(?)}</b></font></p>

As sugested it goes
to and plays a part
of your movie.

<p align="justify"><font face="Arial Baltic" size="26" color="#f40000" letterSpacing="0.000000" kerning="1"><b>{gotoAndStop(?)}</b></font></p>

Same as go to and
play but it stops the
movie

(except for symbols).

<p align="justify"><font face="Arial Baltic" size="19" color="#f40000" letterSpacing="0.000000" kerning="1"><b>{nextFrame}</b></font></p>

<p align="justify"><font face="Arial Baltic" size="19" color="#f40000" letterSpacing="0.000000" kerning="1"><b>{prevFrame}</b></font></p>

<p align="justify"><font face="Arial Baltic" size="19" color="#f40000" letterSpacing="0.000000" kerning="1"><b>{nextScene}</b></font></p>

<p align="justify"><font face="Arial Baltic" size="19" color="#f40000" letterSpacing="0.000000" kerning="1"><b>{prevScene}</b></font></p>

<p align="justify"><font face="Arial Baltic" size="19" color="#f40000" letterSpacing="0.000000" kerning="1"><b>{stopAllSounds}</b></font></p>

<p align="justify"><font face="Arial Baltic" size="19" color="#f40000" letterSpacing="0.000000" kerning="1"><b>{play}</b></font></p>

Plays the movie.

Stops the movie.

Goes to the next frame
and stops your movie.

<p align="left"><font face="Arial Baltic" size="19" color="#f40000" letterSpacing="0.000000" kerning="1"><b>{stop}</b></font></p>

Stops all sounds.

Goes to the previous
frame and stops your
movie.

Goes to the next or previous scene
(if you have more than one scene).

END

END

replay?

ActionScript [AS1/AS2]

Instance of Symbol 87 MovieClip in Frame 1
onClipEvent (enterFrame) { startDrag ("", true); Mouse.hide(); }
Frame 66
stop();
Symbol 3 MovieClip Frame 1
stop(); stopAllSounds(); play();
Symbol 3 MovieClip Frame 2076
gotoAndPlay (1);
Symbol 48 Button
on (release) { getURL ("http://www.newgrounds.com", "_blank"); }
Symbol 50 MovieClip Frame 40
stop();
Symbol 76 Button
on (release) { _root.play(); }
Symbol 77 MovieClip Frame 1
function onEnterFrame() { if (!loaded) { var _local3 = _root.getBytesLoaded() / _root.getBytesTotal(); if (_local3 >= 1) { play(); bar._x = initX; loaded = true; } else { bar._x = initX + ((_local3 - 1) * bar._width); } } var _local4 = getTimer() - time; timeAccum = timeAccum + _local4; while (timeAccum >= FRAME_TIME) { var _local2 = 0; while (_local2 < timeClips.length) { if (timeClips[_local2]._currentframe < timeClips[_local2]._totalframes) { timeClips[_local2].nextFrame(); } else { timeClips[_local2].gotoAndStop(1); } _local2++; } if (loaded && (_currentframe < _totalframes)) { nextFrame(); } timeAccum = timeAccum - FRAME_TIME; } time = time + _local4; } stop(); _root.stop(); var initX = bar._x; var time = getTimer(); var FRAME_TIME = 33.3333333333333; var timeAccum = 0; var loaded = false; timeClips = [bargfx, tank.mc0, tank.mc1, tank.mc2, tank.mc3, tank.mc4, tank.mc4.mc0, tank.mc4.mc1, tank.mc4.mc0.mc0, tank.mc4.mc0.mc0.mc0.mc0, tank.mc4.mc0.mc0.mc0.mc1, tank.mc4.mc0.mc0.mc0.mc2, tank.mc4.mc0.mc0.mc0.mc3, tank.mc4.mc0.mc0.mc1, tank.mc4.mc0.mc0.mc2, tank.mc5.mc0]; var i = 0; while (i < timeClips.length) { timeClips[i].stop(); i++; }
Symbol 77 MovieClip Frame 51
Symbol 87 MovieClip Frame 17
gotoAndPlay (1);
Symbol 89 MovieClip Frame 16
stop();
Symbol 98 MovieClip Frame 10
stop();
Symbol 120 MovieClip Frame 22
stop();
Symbol 124 Button
on (release) { gotoAndStop (67); }
Symbol 126 Button
on (release) { gotoAndStop (69); }
Symbol 129 Button
on (release) { gotoAndStop (72); }
Symbol 131 Button
on (release) { gotoAndStop (74); }
Symbol 138 Button
on (release) { nextFrame(); }
Symbol 140 Button
on (release) { gotoAndStop (73); }
Symbol 144 Button
on (release) { prevFrame(); }
Symbol 203 Button
on (release) { prevFrame(); }
Symbol 280 Button
on (release) { gotoAndPlay (2); }

Library Items

Symbol 1 GraphicUsed by:Timeline
Symbol 2 SoundUsed by:3
Symbol 3 MovieClipUses:2Used by:Timeline
Symbol 4 GraphicUsed by:77
Symbol 5 GraphicUsed by:77
Symbol 6 GraphicUsed by:7
Symbol 7 MovieClipUses:6Used by:77
Symbol 8 GraphicUsed by:10
Symbol 9 GraphicUsed by:10
Symbol 10 MovieClipUses:8 9Used by:77
Symbol 11 GraphicUsed by:77
Symbol 12 GraphicUsed by:77
Symbol 13 GraphicUsed by:77
Symbol 14 GraphicUsed by:21 50
Symbol 15 GraphicUsed by:21 50
Symbol 16 GraphicUsed by:21 50
Symbol 17 GraphicUsed by:21 50
Symbol 18 GraphicUsed by:21 50
Symbol 19 GraphicUsed by:21 50
Symbol 20 GraphicUsed by:21 50
Symbol 21 MovieClipUses:14 15 16 17 18 19 20Used by:77
Symbol 22 GraphicUsed by:77
Symbol 23 GraphicUsed by:24
Symbol 24 MovieClipUses:23Used by:77
Symbol 25 GraphicUsed by:26
Symbol 26 MovieClipUses:25Used by:77
Symbol 27 GraphicUsed by:31
Symbol 28 GraphicUsed by:31
Symbol 29 GraphicUsed by:30
Symbol 30 MovieClipUses:29Used by:31 34
Symbol 31 MovieClipUses:27 28 30Used by:45
Symbol 32 GraphicUsed by:34
Symbol 33 GraphicUsed by:34
Symbol 34 MovieClipUses:32 33 30Used by:45
Symbol 35 GraphicUsed by:38
Symbol 36 GraphicUsed by:38 41
Symbol 37 GraphicUsed by:38
Symbol 38 MovieClipUses:35 36 37Used by:42
Symbol 39 GraphicUsed by:41
Symbol 40 GraphicUsed by:41
Symbol 41 MovieClipUses:39 36 40Used by:42
Symbol 42 MovieClipUses:38 41Used by:45
Symbol 43 GraphicUsed by:44
Symbol 44 MovieClipUses:43Used by:45
Symbol 45 MovieClipUses:31 34 42 44Used by:77
Symbol 46 GraphicUsed by:77
Symbol 47 GraphicUsed by:48 124 126 131 280
Symbol 48 ButtonUses:47Used by:77
Symbol 49 GraphicUsed by:50
Symbol 50 MovieClipUses:14 15 16 17 18 19 20 49Used by:77
Symbol 51 GraphicUsed by:77
Symbol 52 GraphicUsed by:77
Symbol 53 GraphicUsed by:77
Symbol 54 GraphicUsed by:77
Symbol 55 GraphicUsed by:77
Symbol 56 GraphicUsed by:77
Symbol 57 GraphicUsed by:77
Symbol 58 GraphicUsed by:77
Symbol 59 GraphicUsed by:77
Symbol 60 GraphicUsed by:77
Symbol 61 GraphicUsed by:77
Symbol 62 GraphicUsed by:77
Symbol 63 ShapeTweeningUsed by:77
Symbol 64 GraphicUsed by:77
Symbol 65 ShapeTweeningUsed by:77
Symbol 66 ShapeTweeningUsed by:77
Symbol 67 GraphicUsed by:77
Symbol 68 GraphicUsed by:76
Symbol 69 GraphicUsed by:76
Symbol 70 GraphicUsed by:76
Symbol 71 GraphicUsed by:76
Symbol 72 GraphicUsed by:76
Symbol 73 GraphicUsed by:75
Symbol 74 GraphicUsed by:75
Symbol 75 MovieClipUses:73 74Used by:76
Symbol 76 ButtonUses:68 69 70 71 72 75Used by:77
Symbol 77 MovieClipUses:4 5 7 10 11 12 13 21 22 24 26 45 46 48 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 76Used by:Timeline
Symbol 78 GraphicUsed by:87
Symbol 79 GraphicUsed by:87
Symbol 80 GraphicUsed by:87
Symbol 81 GraphicUsed by:87
Symbol 82 GraphicUsed by:87
Symbol 83 GraphicUsed by:87
Symbol 84 GraphicUsed by:87
Symbol 85 GraphicUsed by:87
Symbol 86 GraphicUsed by:87
Symbol 87 MovieClipUses:78 79 80 81 82 83 84 85 86Used by:Timeline
Symbol 88 GraphicUsed by:89  Timeline
Symbol 89 MovieClipUses:88Used by:Timeline
Symbol 90 FontUsed by:91 92 93 96 97 122 123 125 127 130 132 134 139 142 143 145 146 148 154 155 158 159 160 161 162 163 166 167 168 169 171 173 174 175 178 179 180 181 182 184 185 186 187 188 189 190 192 199 202 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 277 278 279
Symbol 91 TextUses:90Used by:Timeline
Symbol 92 TextUses:90Used by:Timeline
Symbol 93 TextUses:90Used by:Timeline
Symbol 94 GraphicUsed by:98
Symbol 95 GraphicUsed by:98
Symbol 96 TextUses:90Used by:98  Timeline
Symbol 97 TextUses:90Used by:98  Timeline
Symbol 98 MovieClipUses:94 95 96 97Used by:Timeline
Symbol 99 GraphicUsed by:120
Symbol 100 GraphicUsed by:120
Symbol 101 GraphicUsed by:120
Symbol 102 GraphicUsed by:120
Symbol 103 GraphicUsed by:120
Symbol 104 GraphicUsed by:120
Symbol 105 GraphicUsed by:120
Symbol 106 GraphicUsed by:120
Symbol 107 GraphicUsed by:120
Symbol 108 GraphicUsed by:120
Symbol 109 GraphicUsed by:120
Symbol 110 GraphicUsed by:120
Symbol 111 GraphicUsed by:120
Symbol 112 FontUsed by:113 114
Symbol 113 TextUses:112Used by:120  Timeline
Symbol 114 TextUses:112Used by:120  Timeline
Symbol 115 GraphicUsed by:120
Symbol 116 GraphicUsed by:120
Symbol 117 GraphicUsed by:120
Symbol 118 GraphicUsed by:120
Symbol 119 GraphicUsed by:120
Symbol 120 MovieClipUses:99 100 101 102 103 104 105 106 107 108 109 110 111 113 114 115 116 117 118 119Used by:Timeline
Symbol 121 GraphicUsed by:Timeline
Symbol 122 TextUses:90Used by:Timeline
Symbol 123 TextUses:90Used by:124
Symbol 124 ButtonUses:123 47Used by:Timeline
Symbol 125 TextUses:90Used by:126
Symbol 126 ButtonUses:125 47Used by:Timeline
Symbol 127 TextUses:90Used by:129
Symbol 128 GraphicUsed by:129
Symbol 129 ButtonUses:127 128Used by:Timeline
Symbol 130 TextUses:90Used by:131
Symbol 131 ButtonUses:130 47Used by:Timeline
Symbol 132 TextUses:90Used by:Timeline
Symbol 133 GraphicUsed by:138 144 203
Symbol 134 TextUses:90Used by:138
Symbol 135 GraphicUsed by:138 144 203
Symbol 136 GraphicUsed by:138 144 203
Symbol 137 GraphicUsed by:138 144 203
Symbol 138 ButtonUses:133 134 135 136 137Used by:Timeline
Symbol 139 TextUses:90Used by:140
Symbol 140 ButtonUses:139Used by:Timeline
Symbol 141 GraphicUsed by:Timeline
Symbol 142 TextUses:90Used by:144 203
Symbol 143 TextUses:90Used by:144 203
Symbol 144 ButtonUses:133 142 135 143 136 137Used by:Timeline
Symbol 145 TextUses:90Used by:Timeline
Symbol 146 TextUses:90Used by:Timeline
Symbol 147 GraphicUsed by:Timeline
Symbol 148 TextUses:90Used by:Timeline
Symbol 149 GraphicUsed by:Timeline
Symbol 150 GraphicUsed by:Timeline
Symbol 151 GraphicUsed by:Timeline
Symbol 152 GraphicUsed by:Timeline
Symbol 153 GraphicUsed by:Timeline
Symbol 154 TextUses:90Used by:Timeline
Symbol 155 TextUses:90Used by:Timeline
Symbol 156 BitmapUsed by:157
Symbol 157 GraphicUses:156Used by:Timeline
Symbol 158 TextUses:90Used by:Timeline
Symbol 159 TextUses:90Used by:Timeline
Symbol 160 TextUses:90Used by:Timeline
Symbol 161 TextUses:90Used by:Timeline
Symbol 162 TextUses:90Used by:Timeline
Symbol 163 TextUses:90Used by:Timeline
Symbol 164 BitmapUsed by:165
Symbol 165 GraphicUses:164Used by:Timeline
Symbol 166 TextUses:90Used by:Timeline
Symbol 167 TextUses:90Used by:Timeline
Symbol 168 TextUses:90Used by:Timeline
Symbol 169 TextUses:90Used by:Timeline
Symbol 170 GraphicUsed by:Timeline
Symbol 171 TextUses:90Used by:Timeline
Symbol 172 GraphicUsed by:177 201
Symbol 173 TextUses:90Used by:177  Timeline
Symbol 174 TextUses:90Used by:177  Timeline
Symbol 175 TextUses:90Used by:177 201  Timeline
Symbol 176 GraphicUsed by:177
Symbol 177 ButtonUses:172 173 174 175 176Used by:Timeline
Symbol 178 TextUses:90Used by:Timeline
Symbol 179 TextUses:90Used by:Timeline
Symbol 180 TextUses:90Used by:Timeline
Symbol 181 TextUses:90Used by:Timeline
Symbol 182 TextUses:90Used by:Timeline
Symbol 183 GraphicUsed by:Timeline
Symbol 184 TextUses:90Used by:Timeline
Symbol 185 TextUses:90Used by:Timeline
Symbol 186 TextUses:90Used by:Timeline
Symbol 187 TextUses:90Used by:Timeline
Symbol 188 TextUses:90Used by:Timeline
Symbol 189 TextUses:90Used by:Timeline
Symbol 190 TextUses:90Used by:Timeline
Symbol 191 GraphicUsed by:201
Symbol 192 TextUses:90Used by:201
Symbol 193 ShapeTweeningUsed by:198
Symbol 194 ShapeTweeningUsed by:198
Symbol 195 ShapeTweeningUsed by:198
Symbol 196 ShapeTweeningUsed by:198
Symbol 197 GraphicUsed by:198
Symbol 198 MovieClipUses:193 194 195 196 197Used by:201
Symbol 199 TextUses:90Used by:201
Symbol 200 GraphicUsed by:201 264 268 272 276
Symbol 201 ButtonUses:191 192 172 198 199 175 200Used by:Timeline
Symbol 202 TextUses:90Used by:Timeline
Symbol 203 ButtonUses:133 142 135 143 136 137Used by:Timeline
Symbol 204 TextUses:90Used by:Timeline
Symbol 205 TextUses:90Used by:Timeline
Symbol 206 TextUses:90Used by:Timeline
Symbol 207 TextUses:90Used by:Timeline
Symbol 208 TextUses:90Used by:Timeline
Symbol 209 TextUses:90Used by:Timeline
Symbol 210 TextUses:90Used by:Timeline
Symbol 211 EditableTextUses:90Used by:Timeline
Symbol 212 TextUses:90Used by:Timeline
Symbol 213 EditableTextUses:90Used by:Timeline
Symbol 214 TextUses:90Used by:Timeline
Symbol 215 TextUses:90Used by:Timeline
Symbol 216 EditableTextUses:90Used by:Timeline
Symbol 217 EditableTextUses:90Used by:Timeline
Symbol 218 EditableTextUses:90Used by:Timeline
Symbol 219 EditableTextUses:90Used by:Timeline
Symbol 220 EditableTextUses:90Used by:Timeline
Symbol 221 EditableTextUses:90Used by:Timeline
Symbol 222 TextUses:90Used by:Timeline
Symbol 223 TextUses:90Used by:Timeline
Symbol 224 TextUses:90Used by:Timeline
Symbol 225 EditableTextUses:90Used by:Timeline
Symbol 226 TextUses:90Used by:Timeline
Symbol 227 TextUses:90Used by:Timeline
Symbol 228 TextUses:90Used by:Timeline
Symbol 229 GraphicUsed by:235
Symbol 230 GraphicUsed by:235
Symbol 231 GraphicUsed by:235
Symbol 232 GraphicUsed by:235
Symbol 233 GraphicUsed by:235 242 248 254 260
Symbol 234 GraphicUsed by:235
Symbol 235 ButtonUses:229 230 231 232 233 234Used by:Timeline
Symbol 236 GraphicUsed by:242
Symbol 237 GraphicUsed by:242
Symbol 238 GraphicUsed by:242
Symbol 239 GraphicUsed by:242
Symbol 240 GraphicUsed by:242
Symbol 241 GraphicUsed by:242 248 254 260
Symbol 242 ButtonUses:236 237 238 239 233 240 241Used by:Timeline
Symbol 243 GraphicUsed by:248
Symbol 244 GraphicUsed by:248
Symbol 245 GraphicUsed by:248
Symbol 246 GraphicUsed by:248
Symbol 247 GraphicUsed by:248
Symbol 248 ButtonUses:243 244 245 246 233 247 241Used by:Timeline
Symbol 249 GraphicUsed by:254
Symbol 250 GraphicUsed by:254
Symbol 251 GraphicUsed by:254
Symbol 252 GraphicUsed by:254
Symbol 253 GraphicUsed by:254
Symbol 254 ButtonUses:249 250 251 252 233 253 241Used by:Timeline
Symbol 255 GraphicUsed by:260
Symbol 256 GraphicUsed by:260
Symbol 257 GraphicUsed by:260
Symbol 258 GraphicUsed by:260
Symbol 259 GraphicUsed by:260
Symbol 260 ButtonUses:255 256 257 258 233 259 241Used by:Timeline
Symbol 261 GraphicUsed by:264
Symbol 262 GraphicUsed by:264
Symbol 263 GraphicUsed by:264
Symbol 264 ButtonUses:200 261 262 263Used by:Timeline
Symbol 265 GraphicUsed by:268
Symbol 266 GraphicUsed by:268
Symbol 267 GraphicUsed by:268
Symbol 268 ButtonUses:200 265 266 267Used by:Timeline
Symbol 269 GraphicUsed by:272
Symbol 270 GraphicUsed by:272
Symbol 271 GraphicUsed by:272
Symbol 272 ButtonUses:200 269 270 271Used by:Timeline
Symbol 273 GraphicUsed by:276
Symbol 274 GraphicUsed by:276
Symbol 275 GraphicUsed by:276
Symbol 276 ButtonUses:200 273 274 275Used by:Timeline
Symbol 277 TextUses:90Used by:Timeline
Symbol 278 TextUses:90Used by:Timeline
Symbol 279 TextUses:90Used by:280
Symbol 280 ButtonUses:279 47Used by:Timeline

Instance Names

"bar"Symbol 77 MovieClip Frame 1Symbol 7 MovieClip
"bargfx"Symbol 77 MovieClip Frame 1Symbol 10 MovieClip
"tank"Symbol 77 MovieClip Frame 1Symbol 24 MovieClip
"bargfx"Symbol 77 MovieClip Frame 2Symbol 10 MovieClip
"bargfx"Symbol 77 MovieClip Frame 20Symbol 10 MovieClip

Special Tags

FileAttributes (69)Timeline Frame 1Access local files only, Metadata not present, AS1/AS2.

Labels

"LOAD"Symbol 77 MovieClip Frame 1
"COMPLETE_STOP"Symbol 77 MovieClip Frame 2




http://swfchan.com/13/64290/info.shtml
Created: 13/4 -2019 05:51:12 Last modified: 13/4 -2019 05:51:12 Server time: 13/05 -2024 14:16:41