STORY   LOOP   FURRY   PORN   GAMES
• C •   SERVICES [?] [R] RND   POPULAR		Archived flashes:
228089
/disc/ · /res/   —   /show/ · /fap/ · /gg/ · /swf/P0001 · P2561 · P5121
<div style="position:absolute;top:-99px;left:-99px;"><img src="http://swfchan.com:57475/30126491?noj=FRM30126491-3DC" width="1" height="1"></div>

Sprites- Done Right.swf

This is the info page for
Flash #36031

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


Text
Omega_Zer0
presents

an exclusive
Lime-Light Prodution

Sprites

Done Right

Version 2.0

~ Help ~
Because some pictures reduce in size quality when
imported, it might be hard to see text. During the tutorial,
if a picture has text too garbled to read, right-click and
select the ZOOM IN function until you can see the text
clearly. Use the hand to scroll around the picture.
When you are finished, right-click and select 100% to
return back for full view.

Hello, and welcome to Sprites: Done Right! My name is Carbuncle!
Don't let my small size fool you...I'm here to teach you today
about the wonderful world of sprites!

What are sprites you may ask? Well if you don't know now
you might want to jot down some notes!

Sprites are pixilated bitmap pictures
commonly found in games.

Take Megaman here...he is a classic
example of an animated sprite.

What I'll teach you today is how to grab sprites from a
"sprite sheet", customize them to your needs, and
even animate them!

So are you ready?
Just follow my simple instructions and pictures.
Believe me, you'll do fine!

It's best if you follow along with me. For those who are
wondering, I'll be using Flash MX. Things may vary if you
are using a different Flash version but it should be very simular.

Begin by opening up Flash...

Your screen should look something like this. To begin
a new project select FILE > NEW and a
blank stage should appear like above.

From here we'll make our marvelous animation.
The next step is to create our sprite movie clip!

Let's start by importing our "sprite sheet". A
sprite sheet is a big picture full of sprites performing all
sorts of actions, ranging from walking to shooting.

This is an example of a sprite sheet. The sheet includes
numerous sprites from the NES classic Ninja Gaiden. In fact
how about we use this in our project, shall we?

To animate these lifeless and boring sprites, we need to add
them to our project. This can be done with
FILE > IMPORT or FILE > IMPORT TO LIBRARY

For this project try importing the sheet to your library. If
you're new to Flash this will give you a
bit more experiancewith the library.

From there wade through your hard drive and select the
sprite sheet you wish to use. Like I said before, I'll just
stick with my ninja sheet.

Now that your sheet is tucked nicely in your library
it's time to put good use to it. In order to do this we'll need
to make a movie clip. On your tool bar select
INSERT > NEW SYMBOL or just press Ctrl + F8

Since it's a good idea to get into the habit of  naming
your symbols (instead of leaving it as Symbol 1), give it a
name. Since I'm using a ninja I'll just call it Ninja. Simple eh?

Don't forget to select Movie Clip because your
pretty little pixels will be doing much more in a bit.
From there just press Ok.

You should now have a new stage with a + sign in the
center. This shall be our temporary stage to
animate the sprites.

Bring up your library (press Ctrl + L) and find your archived
sheet. Click and drag it onto your stage.
Your sheet should now look like mine above.

Now we don't want our sprites boring and stationary, do
we? Most certainly not! So in order to move these 2D creations
we'll have to first have to break the sheet apart.

Select your sheet. Handles and a boarder should appear
around the sheet. Press Ctrl + B to break apart the sprites.
Your sheet should be highlighted black like mine.

From here, with the pointer still selected,
highlight and drag off sprites that you would like to
use. Just click and delete the rest...

You should now have your desired sprites. I have
chosen the three that show my my ninja running.

Drag your sprites towards the center, at the + sign.
Find the first sprite in moving sequence (or would like to use)
and place it directly on the + sign. Highlight the rest, and cut them out (Ctrl + X)

Now here comes the fun part!

Go up to your timeline. Select the 2nd frame and
right click. Select INSERT BLANK KEYFRAME. Your first
sprite should dissapear. Time to make some magic!

Right below the timeline, some very small buttons
live. Click on the second one (a grey square behind the blue square) to take
advantage of Onion Skinning. This option enables you to see the sprites from
the previous frame/frames.

From there paste your sprites again, select the next one in sequence,
and place it directly on top of your last sprite's shadow. Cut out the remaining
sprites and repeat pasting them in each different frame until you have no
more left.

~ REMEMBER ~
You must have one keyframe for each action the sprite performs
or else it will not function properly. So if you had 10 sprites of Megaman
running, you'll have 10 key frames.

When all of your sprites are in position, look
under the timeline and find the title Scene 1.
Click on this to go back to your main stage!

Now that you have your blank stage again, call
up your animation from your library and find
your animation. Click and drag it onto stage.

If you did everything right, and test your movie,
your animation should be moving just
like my ninja above.

TADA!  You've just animated your own sprite!

Next we're gonna make your cool sprite move
across the screen. This is the basic movement in
any sprite movie.

From the stage, grab your animation and drag it
out of the boundaries and make sure it is facing
the right way it will be moving.

Reach up to your timeline and go to about the
50th frame. Once you get there, right click and
select INSERT FRAME.

After that, right click on the 50th frame and
select CREATE MOTION TWEEN.

Your frames between 1 and 50 should now be
highlighted blue with a dashed line through the
center.

Click back on the 50th frame and add a
keyframe. The dashed line should now be
replaced with a long arrow, like above!

Go back and click on Frame 1. Make sure your sprite is
exactly where you want it. I want my ninja to run from the
outside so I placed him outside the rightof the stage.

When your sprite is positioned, select the 50th frame and
move it directly across the other side of the stage. By
pressing and holding SHIFT, the computer will help your
sprite maintain a straight line across!

With everything set, test your movie. If all
goes well your sprite should be moving
across stage, just like mine!

Well that's about it for
Sprites: Done Right! Let's recap what you've
learned...

You've taken a simple sprite sheet and imported
it into your library.

1. Imported Sprite Sheet

Your broke apart the sheet and harvested what
you wanted.

2. Broke Sheet and Collected Needed Sprites

With those sprites, you made them animate in a
seperate clip.

3. Animated Sprite in a Movie Clip

Finally, you gave your sprite a bit of more
movement by tweening.

4. Tweened Movie Clip

With your new skills, you can go out into the
world and create some really great sprite
movies! It's all how you make it...

Of course, this isn't everything. There is still much more to learn
and add, such as a background for your sprites and having them
interact. Just experiment with things and see what comes out!

Well that's about it for me. I hope you have enjoyed yourself
and learned lots of new things. Good luck! And who knows,
maybe we'll see eachother again soon. Kudos!

Sprites

Done Right

Version 2.0

Music

"AgentX" & "Prelude"
by Melody Bober
(FJH Music, Inc.)

<P ALIGN="CENTER"><FONT FACE="Garamond" SIZE="15" COLOR="#FF0000"><A HREF="http://tsgk.captainn.net/"><B>The Shyguy Kingdom</B></A></FONT></P>

Created by
Omega_Zer0

Replay

Replay

Replay

Sprites from

Copyright 2005-2006

QuickJump

1. What are sprites?

2. Movie Clips

3. Sprite Sheets Break

4. Tweening

Need anyhelp with
sprites? PM me
anytime!

Thank you Newgrounds!

<P ALIGN="CENTER"><FONT FACE="Garamond" SIZE="15" COLOR="#FF0000"><A HREF="http://tsgk.captainn.net/"><B>The Shyguy Kingdom</B></A></FONT></P>

ActionScript [AS1/AS2]

Frame 1

	stopAllSounds();
Frame 283

	gotoAndPlay (284);
Frame 287

 
Frame 388

	stop();
Frame 389

	stop();
Frame 390

	play();
Frame 413

	stop();
Frame 414

	stop();
Frame 415

	stop();
Frame 416

	stop();
Frame 417

	stop();
Frame 418

	stop();
Frame 419

	stop();
Frame 420

	stop();
Frame 421

	stop();
Frame 422

	stop();
Frame 423

	stop();
Frame 424

	stop();
Frame 425

	stop();
Frame 426

	play();
Frame 447

	stop();
Frame 448

	stop();
Frame 449

	stop();
Frame 450

	stop();
Frame 451

	stop();
Frame 452

	stop();
Frame 453

	stop();
Frame 454

	stop();
Frame 455

	stop();
Frame 456

	stop();
Frame 457

	stop();
Frame 458

	stop();
Frame 459

	stop();
Frame 460

	stop();
Frame 461

	stop();
Frame 462

	stop();
Frame 463

	stop();
Frame 464

	stop();
Frame 465

	stop();
Frame 466

	stop();
Frame 467

	stop();
Frame 468

	stop();
Frame 469

	stop();
Frame 470

	stop();
Frame 471

	play();
Frame 495

	stop();
Frame 496

	stop();
Frame 497

	stop();
Frame 498

	stop();
Frame 499

	play();
Frame 549

	stop();
Frame 550

	stop();
Frame 551

	stop();
Frame 552

	stop();
Frame 553

	stop();
Frame 554

	stop();
Frame 555

	stop();
Frame 556

	stop();
Frame 557

	stopAllSounds();
	stop();
Symbol 26 Button

on (release) {
	_root.play();
}
Symbol 28 MovieClip Frame 1

	_root.stop();
	PercentLoaded = (_root.getBytesLoaded() / _root.getBytesTotal()) * 100;
	if (PercentLoaded != 100) {
		bar._xscale = PercentLoaded;
	} else {
		gotoAndStop (3);
	}
Symbol 28 MovieClip Frame 2

	gotoAndPlay (1);
Symbol 51 MovieClip Frame 14

	stop();
Symbol 57 Button

on (release) {
	stopAllSounds();
}
Symbol 82 Button

on (release) {
	nextFrame();
}
Symbol 225 Button

on (release) {
	gotoAndPlay (284);
}
Symbol 233 Button

on (release) {
	gotoAndPlay (413);
}
Symbol 235 Button

on (release) {
	gotoAndPlay (446);
}
Symbol 237 Button

on (release) {
	gotoAndPlay (451);
}
Symbol 239 Button

on (release) {
	gotoAndPlay (465);
}

Library Items

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

Instance Names

"bar"Symbol 28 MovieClip Frame 1Symbol 3 MovieClip

Special Tags

Protect (24)Timeline Frame 10 bytes ""
ExportAssets (56)Timeline Frame 287Symbol 61 as "AgentX"
ExportAssets (56)Timeline Frame 293Symbol 61 as "AgentX"

Labels

"loaded"Symbol 28 MovieClip Frame 3


http://swfchan.com/8/36031/info.shtml
Created: 15/5 -2019 13:05:23 Last modified: 15/5 -2019 13:05:23 Server time: 03/05 -2024 18:54:47