ID:109789
 
Next up, we're going to create some basic enemies for our game.
If you haven't already read Tutorial #5, you should check it out first. Or, start at the beginning, if you're new to the series!

Animated Icons
Lets icon a couple of basic enemies to murder our smiley hero.

Step 1.1 First, lets make a new icon file for our enemies.
File > New > Icon File Type > Name: EnemyRed.dmi
(Covered in Tutorial #1)

Step 1.2 Now, we're going to make an animated icon_state for this enemy. Though this one will only change directions.
Click the movie camera at the top of the icon file.
http://www.angelfire.com/hero/straygames/Tutorial/ AnimatedIconState.png

Step 1.3 Now use the settings in the bottom left to drop the frame count to 1
http://www.angelfire.com/hero/straygames/Tutorial/ FrameCount.png

Step 1.4 Double click any of the frame boxes to edit them. Put an angry smiley in each one, facing to match the directional arrow on the left. Keep him small!
You can use the tools at the bottom to quickly rotate or flip an icon_state
http://www.angelfire.com/hero/straygames/Tutorial/ RotateTools.png

Step 1.5 Now we're going to create an animated attack state. Use the back arrow in the far right to exit out of that icon_state. Then click the movie camera again.

Step 1.5 This time, drop the frame count to 2. Then paste the frames you just created into this icon_state. You can drag to select multiple frames at once for copying/pasting.
http://www.angelfire.com/hero/straygames/Tutorial/ EnemyAttackAnimation.png

Step 1.6 In the 2nd set of frames, move mr angry smiley to the edge of whatever direction he is facing. This will make him look like hes stabbing forward to attack you. This is also why we kept him small - for movement room! You should be able to see his animations playing on the left of the frame editor.
http://www.angelfire.com/hero/straygames/Tutorial/ EnemyAttackAnimation.png

Step 1.7 Press the back button until you're back at the icon file. Right click our new icon_state and name it Attack. This was also covered in Tutorial #1, when making our Grass and other turfs.

You can follow these steps to create an attack animation for the smiley hero if you'd like.

Cheaply Reusing Graphics
Lets duplicate our red enemy with a quick recoloring.

Step 2.1 Create a new icon filed named EnemyGreen.dmi

Step 2.2 Jump back over to the original EnemyRed.dmi icon file, and select both icon_states. Then copy them with ctrl+c.
http://www.angelfire.com/hero/straygames/Tutorial/ SelectIconStates.png

Step 2.3 Now move into EnemyGreen.dmi, and press ctrl+v, to paste the selected icon_states here. EnemyRed.dmi and EnemyGreen.dmi should now look identical.

Step 2.4 Select Colors > Edit... from the file menu
http://www.angelfire.com/hero/straygames/Tutorial/ ColorsEdit.png

Step 2.5 Double Click the red swatch and select a new color. I'll be making mine a bright green. Press OK to finish.
http://www.angelfire.com/hero/straygames/Tutorial/ ColorSwatches.png
Those simple clicks replaced all of the red in the icon with green, so we now have a "new" enemy!

Contine to Tutorial #7: Battle Systems
:D -bows-
That smiley doesn't look very angry to me
If I was an artist they wouldn't be smileys in the first place =P
I'm glad you are sharing these. I've put them in the dev index so they'll be more accessible. Are you going to post 1-5 on the blog too?
good tutorial that i want :D big big thanks you are the best :D