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,` in the 5th line, don't forget to replace the *X* to match 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.