Created Trainer Backsprite Editing (markdown)

Blackforest92 2020-07-24 14:40:31 +07:00
parent 9edea92d8f
commit 5228f85bbf
1 changed files with 220 additions and 0 deletions

@ -0,0 +1,220 @@
The backsprite frames for Brendan, May, Steven, Wally, RS-Brendan, and RS-May use the same palette as their front trainer sprite.
Plus they uses 4 frames instead of 5. This tutorial will instruct you how to delink the palette sharing and make the backsprites use 5 frames.
Note : * I personally opt to delink the palette sharing and edit all of the backsprites so they'll have 5 frames.
Should you specifically only want to edit player backsprites, then focus only on Brendan and May part of this tutorial.
* Albeit can be edited, for easy references. 4 frames animation uses 4th frame as the beginning of the animation. And goes from 4th > 1st > 2nd > 3rd.
* While 5 frames animation uses the 1st frame as the beginning of the animation and goes from 1st > 2nd > 3rd > 4th > 5th
### Allow Backsprite Frames to Use Different Palettes.
Prepare your backsprites frames, indexed in 16 colors in a preferable name format like `brendan_back_pic.png` for Male Player backsprite and `may_back_pic.png` for Female Player backsprite. `steven_back_pic.png`, so on and so forth. Then move all of them to **`graphics/trainers/back_pics`**.
While you're there, delete the `.4bpp` files as well.
Then export the palette of your indexed backsprites into a `.pal` format, preferable name it something like `brendan_back_pic.pal` for Male Player backsprite and `may_back_pic.pal` for Female Player backsprite. `steven_back_pic.pal`, so on and so forth. Then move all of them to **`graphics/trainers/palettes`**`.
Then go to **`include/graphics.h`**, Search for `extern const u32 gTrainerBackPicPalette_Leaf[];` add these code below it.
```c
extern const u32 gTrainerBackPicPalette_Brendan[];
extern const u32 gTrainerBackPicPalette_May[];
extern const u32 gTrainerBackPicPalette_Steven[];
extern const u32 gTrainerBackPicPalette_Wally[];
extern const u32 gTrainerBackPicPalette_RubySapphireBrendan[];
extern const u32 gTrainerBackPicPalette_RubySapphireMay[];
```
Then go to **`src/data/graphics/trainers.h`** Head to the bottom and you should see `gTrainerBackPicPalette_Leaf[]`, Add these code below it.
```c
const u32 gTrainerBackPicPalette_Brendan[] = INCBIN_U32("graphics/trainers/palettes/brendan_back_pic.gbapal.lz");
const u32 gTrainerBackPicPalette_May[] = INCBIN_U32("graphics/trainers/palettes/may_back_pic.gbapal.lz");
const u32 gTrainerBackPicPalette_Steven[] = INCBIN_U32("graphics/trainers/palettes/steven_back_pic.gbapal.lz");
const u32 gTrainerBackPicPalette_Wally[] = INCBIN_U32("graphics/trainers/palettes/wally_back_pic.gbapal.lz");
const u32 gTrainerBackPicPalette_RubySapphireBrendan[] = INCBIN_U32("graphics/trainers/palettes/ruby_sapphire_brendan_back_pic.gbapal.lz");
const u32 gTrainerBackPicPalette_RubySapphireMay[] = INCBIN_U32("graphics/trainers/palettes/ruby_sapphire_may_back_pic.gbapal.lz");
```
Then go to **`src/data/trainer_graphics/back_pic_tables.h`**, jump into the bottom and replace all of the code with :
```c
TRAINER_BACK_PAL(BRENDAN, gTrainerBackPicPalette_Brendan),
TRAINER_BACK_PAL(MAY, gTrainerBackPicPalette_May),
TRAINER_BACK_PAL(RED, gTrainerBackPicPalette_Red),
TRAINER_BACK_PAL(LEAF, gTrainerBackPicPalette_Leaf),
TRAINER_BACK_PAL(RUBY_SAPPHIRE_BRENDAN, gTrainerBackPicPalette_RubySapphireBrendan),
TRAINER_BACK_PAL(RUBY_SAPPHIRE_MAY, gTrainerBackPicPalette_RubySapphireMay),
TRAINER_BACK_PAL(WALLY, gTrainerBackPicPalette_Wally),
TRAINER_BACK_PAL(STEVEN, gTrainerBackPicPalette_Steven),
```
At this point, you have delinked the palette sharing between the backsprite frames and front trainer sprite.
### Allow Backsprites to Animate in 5 Frames.
Still in the **`src/data/trainer_graphics/back_pic_tables.h`**, you should see `gTrainerBackPicCoords`. Replace all of them with :
```c
[TRAINER_BACK_PIC_BRENDAN] = {.size = 8, .y_offset = 5},
[TRAINER_BACK_PIC_MAY] = {.size = 8, .y_offset = 5},
[TRAINER_BACK_PIC_RED] = {.size = 8, .y_offset = 5},
[TRAINER_BACK_PIC_LEAF] = {.size = 8, .y_offset = 5},
[TRAINER_BACK_PIC_RUBY_SAPPHIRE_BRENDAN] = {.size = 8, .y_offset = 5},
[TRAINER_BACK_PIC_RUBY_SAPPHIRE_MAY] = {.size = 8, .y_offset = 5},
[TRAINER_BACK_PIC_WALLY] = {.size = 8, .y_offset = 5},
[TRAINER_BACK_PIC_STEVEN] = {.size = 8, .y_offset = 5},
```
Then head to **`src/data/trainer_graphics/back_pic_anims.h`**, and you should see how the frames are animated.
For simple editing, delete all of the code of this file and replace everything with the code below :
```c
static const union AnimCmd gAnimCmd_Brendan_1[] =
{
ANIMCMD_FRAME(1, 20),
ANIMCMD_FRAME(2, 6),
ANIMCMD_FRAME(3, 6),
ANIMCMD_FRAME(4, 24),
ANIMCMD_FRAME(0, 1),
ANIMCMD_END,
};
static const union AnimCmd gAnimCmd_May_Steven_1[] =
{
ANIMCMD_FRAME(1, 20),
ANIMCMD_FRAME(2, 6),
ANIMCMD_FRAME(3, 6),
ANIMCMD_FRAME(4, 24),
ANIMCMD_FRAME(0, 1),
ANIMCMD_END,
};
static const union AnimCmd gAnimCmd_Wally_1[] =
{
ANIMCMD_FRAME(1, 20),
ANIMCMD_FRAME(2, 6),
ANIMCMD_FRAME(3, 6),
ANIMCMD_FRAME(4, 24),
ANIMCMD_FRAME(0, 1),
ANIMCMD_END,
};
static const union AnimCmd gAnimCmd_Red_1[] =
{
ANIMCMD_FRAME(1, 20),
ANIMCMD_FRAME(2, 6),
ANIMCMD_FRAME(3, 6),
ANIMCMD_FRAME(4, 24),
ANIMCMD_FRAME(0, 1),
ANIMCMD_END,
};
static const union AnimCmd gAnimCmd_Leaf_1[] =
{
ANIMCMD_FRAME(1, 20),
ANIMCMD_FRAME(2, 6),
ANIMCMD_FRAME(3, 6),
ANIMCMD_FRAME(4, 24),
ANIMCMD_FRAME(0, 1),
ANIMCMD_END,
};
static const union AnimCmd gAnimCmd_RubySapphireBrendan_1[] =
{
ANIMCMD_FRAME(1, 20),
ANIMCMD_FRAME(2, 6),
ANIMCMD_FRAME(3, 6),
ANIMCMD_FRAME(4, 24),
ANIMCMD_FRAME(0, 1),
ANIMCMD_END,
};
static const union AnimCmd gAnimCmd_RubySapphireMay_1[] =
{
ANIMCMD_FRAME(1, 20),
ANIMCMD_FRAME(2, 6),
ANIMCMD_FRAME(3, 6),
ANIMCMD_FRAME(4, 24),
ANIMCMD_FRAME(0, 1),
ANIMCMD_END,
};
static const union AnimCmd *const sBackAnims_Brendan[] =
{
sAnim_GeneralFrame0,
gAnimCmd_Brendan_1,
};
static const union AnimCmd *const sBackAnims_May[] =
{
sAnim_GeneralFrame0,
gAnimCmd_May_Steven_1,
};
static const union AnimCmd *const sBackAnims_Red[] =
{
sAnim_GeneralFrame0,
gAnimCmd_Red_1,
};
static const union AnimCmd *const sBackAnims_Leaf[] =
{
sAnim_GeneralFrame0,
gAnimCmd_Leaf_1,
};
static const union AnimCmd *const sBackAnims_RubySapphireBrendan[] =
{
sAnim_GeneralFrame0,
gAnimCmd_RubySapphireBrendan_1,
};
static const union AnimCmd *const sBackAnims_RubySapphireMay[] =
{
sAnim_GeneralFrame0,
gAnimCmd_RubySapphireMay_1,
};
static const union AnimCmd *const sBackAnims_Wally[] =
{
sAnim_GeneralFrame0,
gAnimCmd_Wally_1,
};
static const union AnimCmd *const sBackAnims_Steven[] =
{
sAnim_GeneralFrame0,
gAnimCmd_May_Steven_1,
};
const union AnimCmd *const *const gTrainerBackAnimsPtrTable[] =
{
[TRAINER_BACK_PIC_BRENDAN] = sBackAnims_Brendan,
[TRAINER_BACK_PIC_MAY] = sBackAnims_May,
[TRAINER_BACK_PIC_RED] = sBackAnims_Red,
[TRAINER_BACK_PIC_LEAF] = sBackAnims_Leaf,
[TRAINER_BACK_PIC_RUBY_SAPPHIRE_BRENDAN] = sBackAnims_RubySapphireBrendan,
[TRAINER_BACK_PIC_RUBY_SAPPHIRE_MAY] = sBackAnims_RubySapphireMay,
[TRAINER_BACK_PIC_WALLY] = sBackAnims_Wally,
[TRAINER_BACK_PIC_STEVEN] = sBackAnims_Steven,
};
```
Then head to **`src/data.c`**, search for `gTrainerBackPicTable_Brendan`. You should see the backsprite data for Brendan, May, Steven, etc.
Simply add `gTrainerBackPic_X + 0x2000, 0x0800,` don't forget to replace the *X* to match the code on the 5th line of the code above , for example :
```c
const struct SpriteFrameImage gTrainerBackPicTable_Brendan[] =
{
gTrainerBackPic_Brendan, 0x0800,
gTrainerBackPic_Brendan + 0x0800, 0x0800,
gTrainerBackPic_Brendan + 0x1000, 0x0800,
gTrainerBackPic_Brendan + 0x1800, 0x0800,
gTrainerBackPic_Brendan + 0x2000, 0x0800, //5th
};
const struct SpriteFrameImage gTrainerBackPicTable_May[] =
{
gTrainerBackPic_May, 0x0800,
gTrainerBackPic_May + 0x0800, 0x0800,
gTrainerBackPic_May + 0x1000, 0x0800,
gTrainerBackPic_May + 0x1800, 0x0800,
gTrainerBackPic_May + 0x2000, 0x0800, //5th
};
So on and so forth
```
At this point, you have successfully animate your backsprites.