Update SpritesInDepth
parent
64c1246a45
commit
1fe57011e7
@ -4,13 +4,13 @@ Sadly, it is hard to give a lot of advice on how to draw sprites. This is mainl
|
|||||||
|
|
||||||
The SpriteLibrary is going to look for multiple “frames”, which are individual images. These are usually easiest to create in one image, one after the other. For example:
|
The SpriteLibrary is going to look for multiple “frames”, which are individual images. These are usually easiest to create in one image, one after the other. For example:
|
||||||
|
|
||||||
-future image-
|
![Man jumping](images/ManJumpRight.png)
|
||||||
|
|
||||||
This is a 4-frame sprite of a man jumping to the right. The sprite, when you define it, starts reading from the left side and moves to the right.
|
This is a 4-frame sprite of a man jumping to the right. The sprite, when you define it, starts reading from the left side and moves to the right.
|
||||||
|
|
||||||
Here is another 4-frame sprite, this one of the same man, drawing a gun and shooting.
|
Here is another 4-frame sprite, this one of the same man, drawing a gun and shooting.
|
||||||
|
|
||||||
-future image-
|
![Man Shooting](images/ManShootRight.png)
|
||||||
|
|
||||||
In the actual sprite itself, you do not want to have the lines going around and in-between the spaces. I show them here, simply to help explain how a sprite is constructed. In Gimp, I have a layer for my “grid”, and I can hide that layer when I go to save my sprite file.
|
In the actual sprite itself, you do not want to have the lines going around and in-between the spaces. I show them here, simply to help explain how a sprite is constructed. In Gimp, I have a layer for my “grid”, and I can hide that layer when I go to save my sprite file.
|
||||||
|
|
||||||
@ -28,7 +28,7 @@ The SpriteController will remember your sprites for you. After you instantiate,
|
|||||||
|
|
||||||
Here is an example. We are have this image in our resources:
|
Here is an example. We are have this image in our resources:
|
||||||
|
|
||||||
-future image-
|
![Monsters](images/Properties-Resources-Monsters.png)
|
||||||
|
|
||||||
Each of the images is 100x100. We want to read in the second set of images, the jelly-monster.
|
Each of the images is 100x100. We want to read in the second set of images, the jelly-monster.
|
||||||
```c#
|
```c#
|
||||||
@ -69,6 +69,7 @@ The jelly-monster does not really look good rotated, but we could try:
|
|||||||
JellyMonster.AddAnimation(0,180);
|
JellyMonster.AddAnimation(0,180);
|
||||||
```
|
```
|
||||||
This would have him basically jiggling on his head. What we really would want to do for the jelley-monster, would be to flip him horizontally using:
|
This would have him basically jiggling on his head. What we really would want to do for the jelley-monster, would be to flip him horizontally using:
|
||||||
|
![Upsidedown](images/JellyUpsideDown.png)
|
||||||
```c#
|
```c#
|
||||||
public void AddAnimation(
|
public void AddAnimation(
|
||||||
int AnimationToCopy,
|
int AnimationToCopy,
|
||||||
|
Loading…
Reference in New Issue
Block a user