Tutorial [TUTORIAL] How to make & inject custom save icons for Flash SWF Game Injects - Wii

SaulFabre

Wii scene/hacking & Wii VC well-known guy
OP
Member
Joined
Feb 6, 2019
Messages
919
Trophies
1
Age
22
Location
Ecuador
Website
saulfabreg-wiivc.blogspot.com
XP
2,203
Country
Ecuador
Hello, community!
Today I'm showing you how to make your own custom save icons for inject Flash Wii VC / WiiWare iNJECTS.

Adobe_Flash_SWF_Logo.png

WiiWare_Logo.png

Here's my guide.

NOTE: This guide is only for make & inject CUSTOM SAVE ICONS, editing the SAVE TITLE and COMMENT TITLE, and enabling SAVE FEATURE in Flash SWF WADs.
However, if you are looking also for how to inject SWF games into WADs, check this tutorial made by me: https://gbatemp.net/threads/virtual-console-adobe-flash-swf-wii-vc-injection-tutorial.570974/
If you are seeking to inject YouTube videos into WADs, please check the tutorial of my friend @mrt84 for do it: https://gbatemp.net/threads/how-to-...lash-youtube-vc-injections-like-a-pro.572806/

First of all, you MUST have all these things:
----------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------
You can get all these tools and other stuff for inject VC games in this link: https://gbatemp.net/download/all-in-one-wii-vc-injecting-tools-by-saulfabreg.35917/. Then uncompress the contents of the 7Z files, specifically "HowardC_Tools.7z" in "WAD edit tools.7z" file and "WADpack_WADumpack (with gbalzss).7z" in "WAD edit tools.7z" folder.
-----------------------------------------------------------------------------------------------------
STEPS:

FIRST STEP: CREATING SEPARATED *.WTE ICONS FOR FLASH GAME SAVE ICON
  1. First, uncompress the content of the 7Z file in "VCIcon8.0" folder. Replace content of the folder if prompt.
  2. step1.PNG
  3. Once uncompressed the contents, open the VCIcon8.0 folder inside HowardC_Tools folder and then open VC_Icon_Gen.exe.
  4. Then, in "Select Console", choose "MSX". Don't worry, this option because I've modded the save icons for this and then will show you the Flash template.
  5. step3.PNG
    step4.PNG

  6. In "Source", click in "..." and then choose the capture (screenshot) of the Flash game you want to inject
  7. In "Dest", click in "..." and then choose the folder you want to save your save icons
  8. Then click in "Make Preview" for make the preview of the save icon
  9. step5.PNG

  10. In "Create", uncheck the boxes of "Channel Icon" and "Banner Image"
  11. Then click in "Make"
  12. The message "WTE files successfully created!" appears. "But why WTE files, if this isn't supported in Flash WADs???" That's it because each WTE file of the save icon is an individual image, which is so practical, because WiiWare & Flash WAD save icons are splitted. These WADs use a unique *.tpl file for each type of icon (banner.tpl for still banner icon & icons.tpl for animated square icon). But don't worry, because these created WTE files we are converting to *.BMP files, usables for TPL Editor FE.
SECOND STEP: CONVERTING *.WTE FILES TO *.BMP FILES

NOTE:
Please remember in this step, we are only using the 01.wte, 03.wte, 04.wte, 06.wte, and banner.wte files.

  1. Now, in "HowardC" folder, go to folder "tplEdit2.0" and open tpl_edit_fe.exe
  2. In "Source Tpl / Image", click in "...", then in the box "File Type", choose "WTE File (*.wte)" and then click in the 01.wte file
  3. step8.PNG
    step9.PNG
  4. In "Dest Tpl / Image", click in "...", then in "File Type" box, choose "Bitmap (*.bmp) and then click in "Save" to convert the WTE file into a BMP file.
  5. step10.PNG
    step11.PNG
    step12.PNG

  6. The first image was successfully converted to BMP.
  7. Repeat the SECOND STEP with the 03.wte, 04.wte, 06.wte, and banner.wte files until all these files are converted to BMP.
  8. step14.PNG

  9. Then do the next step:
THIRD STEP: JOINING THE 0*.wte.bmp FILES TO icons.tpl AND MAKING banner.tpl FROM banner.wte.bmp FILES

  1. In this step, we are using Gally's Image to TPL converter. It supports TPL, PNG, JPG, and BMP images. The Gally's Image to TPL converter is included in All-in-One Wii VC Injecting Tools, in the "WADpack_WADunpack" folder. Open it, and then open the file tplconv.exe
  2. Now, first click in the first image of the sequence (IMAGE 1), then click in the button "Leer imagen" (Open image file)
  3. step15.PNG

  4. Let's make first the banner.tpl file. So, open first the banner.wte.bmp file.
  5. The image will show pixelated, but don't worry. Just remember the size of the banner save icon MUST be in dimensions (size) 192px x 64px
  6. Then click in the button "Guardar TPL" (Save TPL image)
  7. step17.PNG

  8. In "File Name", write "banner.tpl" (without quotes) and then click in "Save". The banner.tpl file was successfully generated.
  9. Now, let's make the animated squared save icon (icons.tpl). For this, first click in the first image of the sequence (IMAGE 1), then click in the button "Leer imagen" (Open image file)
  10. Select the "01.wte.bmp" file. The selected 01.wte.bmp file appears as IMAGE 1.
  11. Repeat steps 9 and 10 by clicking in 2nd square of the sequence (IMAGE #), and selecting the correct BMP file for this, by following this order:
  12. IMAGE 1 = 01.wte.bmp
  13. IMAGE 2 = 03.wte.bmp
  14. IMAGE 3 = 04.wte.bmp
  15. IMAGE 4 = 06.wte.bmp
  16. When you did these steps, you MUST have anything like this: (don't worry if the images show pixelated, just beware the size of the squared save icons MUST be in 48px x 48px
  17. step22.PNG
  18. Then click in button "Guardar TPL" (Save TPL file).
  19. In "File Name", write "icons.tpl" (without quotes) and then click in "Save". The icons.tpl file was successfully generated.
  20. Then follow the following for inject your custom save icon
FOURTH STEP: INJECTING THE CUSTOM banner.tpl & icons.tpl FILES TO FLASH WAD ,ENABLING SAVE FEATURE AND EDITING THE SAVE TITLE INFO
  1. In the final steps, let's inject the custom banner.tpl & icons.tpl files we created. First, go to the folders:
  2. - Image folder where your custom banner.tpl and icons.tpl files are stored
  3. - The .../WADpack_WADunpack/[randomed_name_folder]/00000002_app_OUT/ folder (previously unpack the Flash WAD you want to inject)
  4. Now, copy the custom banner.tpl & icons.tpl files from the folder, and then paste them replacing the old ones in the following folders:
  5. .../00000002_app_OUT/banner/US/
  6. .../00000002_app_OUT/banner/EU/
  7. .../00000002_app_OUT/banner/JP/
  8. Once you had replaced the icons with your icons, now open the folder .../00000002_app_OUT/config/ and then open the config.common.pcf file in Notepad
  9. You MUST enable save feature for use your icons and save progress in your games. For do this, just change the following lines:
  10. shared_object_capability - write "on" (without quotes) replacing the "off" option
  11. vff_cache_size - set size on kilobytes (kB) of max storage for game cache (i recommend 2048 kB, max you can use 4096 kB)
  12. vff_sync_on_write - write "on" (without quotes) replacing the "off" option
  13. persistent_storage_total - set size on kilobytes (kB) of max storage for total game saving (i recommend 2048 kB, max you can use 4096 kB)
  14. persistent_storage_per_movie - set size on kilobytes (kB) of max storage for game saving per movie (i recommend 1024 kB or 2048 kB, max you can use 4096 kB)
  15. When you had finished you must have something like this:
  16. step24.PNG
  17. When you had finished, save the changes made to config.common.pcf file
  18. Now you MUST change the name of the save title, and set the animation of save icon to VC-bashed animation. This info will appear when you see the save info and when you open the first time your Flash game and it creates its save info. For do this, go to the folders .../00000002_app_OUT/banner/US/ and then open the banner.ini file
  19. banneredit1.PNG

  20. In this file, you MUST change the lines "title_text" and all "icon_speed" lines
  21. Change the lines "title_text" and "icon_speed" files as shown:
  22. title_text - Change this value with the name of the Flash game you are injecting. If the game name has spaces, enter the text "%20" (without quotes) after the first word and before the second word of the name of the game, to emulate the space of the text. Example: If the game name is "BUBBLE BOBBLE", then change the "title_text" line's name to "BUBBLE%20BOBBLE". Or if the game name is "Dragon Ball Z III", then change the "title_text" line's name to "Dragon%20Ball%20Z%20III".
  23. comment_text (OPTIONAL) - Change this value with the comment of the game. If the comment has spaces, enter the text "%20" (without quotes) after the first word and before the second word of the name of the game, to emulate the space of the text. Example: If the game comment is "The Revival", then change the "comment_text" line's name to "The%20Revival".
  24. icon_speed - There are four lines of this line, change these lines for changing the speed of the animation of the save icon. Write "slow", "normal" or "fast" for change the speed, BUT WITHOUT CHANGING THE NUMBERS THAT ARE THE ORDER OF THE SAVE ICON ANIMATION.
  25. When you had finished editing these lines you MUST have something like this:
  26. banneredit2.PNG

  27. Now save the changes made to banner.ini file
  28. Repeat steps 18 to 27 with the banner.ini file from the folders .../00000002_app_OUT/banner/EU/ and .../00000002_app_OUT/banner/JP/
  29. Done! You injected your custom save icon and save title!
  30. Once you had injected your SWF file, and mapped the controls, repack the WAD and edit it as shown in WAD editing tutorials.
Here are some snapshots of my injected icon and banner to my BUBBLE BOBBLE: THE REVIVAL (FOG.COM) injected Flash Game WAD:
(PD: I've also edited the save title)

saveiconanim.PNG


savetitle.PNG


The screen of creating save data:
savescreen.PNG


Enjoy injecting your FLASH SWF games! Happy injecting! :yaywii:

- saulfabreg (@SaulFabre)
 
Last edited by SaulFabre,
  • Like
Reactions: Zorg1996

mrt84

Well-Known Member
Newcomer
Joined
May 26, 2020
Messages
97
Trophies
0
Age
23
Website
drive.google.com
XP
482
Country
United States
I made my first Wii Save Data Icon which is my Custom WiiWare game title Sid the Stick. Here is the Preview:
It is not a Flash VC Inject logo this time.
 
Last edited by mrt84,
  • Like
Reactions: SaulFabre

SaulFabre

Wii scene/hacking & Wii VC well-known guy
OP
Member
Joined
Feb 6, 2019
Messages
919
Trophies
1
Age
22
Location
Ecuador
Website
saulfabreg-wiivc.blogspot.com
XP
2,203
Country
Ecuador
@SaulFabre friend but as a save, because I was playing for a while and could not save progress, it does not have a save state or anything, could you guide me on that? :(
Well, this require still more investigation :/
I will keep investigating about possibility of allow saving progress in Flash games injected on WiiWare WADs ;)
 

mrt84

Well-Known Member
Newcomer
Joined
May 26, 2020
Messages
97
Trophies
0
Age
23
Website
drive.google.com
XP
482
Country
United States
Okay SaulFabre, How do I change or add the Comment on the Channel save data when click on "Wii channels" in Wii Settings when clicking on the channel under the Comment like the Save data.
 

SaulFabre

Wii scene/hacking & Wii VC well-known guy
OP
Member
Joined
Feb 6, 2019
Messages
919
Trophies
1
Age
22
Location
Ecuador
Website
saulfabreg-wiivc.blogspot.com
XP
2,203
Country
Ecuador
Okay SaulFabre, How do I change or add the Comment on the Channel save data when click on "Wii channels" in Wii Settings when clicking on the channel under the Comment like the Save data.
Hi @mrt84, sorry if I didn't write this in the day you written this. I said in my tutorial how to add comments, please read it carefully again. Greetings :D

Hello, community!
Today I'm showing you how to make your own custom save icons for inject Flash Wii VC / WiiWare iNJECTS.

View attachment 224047

View attachment 224048

Here's my guide.

NOTE: This guide is only for make & inject CUSTOM SAVE ICONS, editing the SAVE TITLE and COMMENT TITLE, and enabling SAVE FEATURE in Flash SWF WADs.
However, if you are looking also for how to inject SWF games into WADs, check this tutorial made by me: https://gbatemp.net/threads/virtual-console-adobe-flash-swf-wii-vc-injection-tutorial.570974/
If you are seeking to inject YouTube videos into WADs, please check the tutorial of my friend @mrt84 for do it: https://gbatemp.net/threads/how-to-...lash-youtube-vc-injections-like-a-pro.572806/

First of all, you MUST have all these things:
----------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------
You can get all these tools and other stuff for inject VC games in this link: https://gbatemp.net/download/all-in-one-wii-vc-injecting-tools-by-saulfabreg.35917/. Then uncompress the contents of the 7Z files, specifically "HowardC_Tools.7z" in "WAD edit tools.7z" file and "WADpack_WADumpack (with gbalzss).7z" in "WAD edit tools.7z" folder.
-----------------------------------------------------------------------------------------------------
STEPS:

FIRST STEP: CREATING SEPARATED *.WTE ICONS FOR FLASH GAME SAVE ICON
  1. First, uncompress the content of the 7Z file in "VCIcon8.0" folder. Replace content of the folder if prompt.
  2. View attachment 224049
  3. Once uncompressed the contents, open the VCIcon8.0 folder inside HowardC_Tools folder and then open VC_Icon_Gen.exe.
  4. Then, in "Select Console", choose "MSX". Don't worry, this option because I've modded the save icons for this and then will show you the Flash template.
  5. View attachment 224051 View attachment 224052
  6. In "Source", click in "..." and then choose the capture (screenshot) of the Flash game you want to inject
  7. In "Dest", click in "..." and then choose the folder you want to save your save icons
  8. Then click in "Make Preview" for make the preview of the save icon
  9. View attachment 224053
  10. In "Create", uncheck the boxes of "Channel Icon" and "Banner Image"
  11. Then click in "Make"
  12. The message "WTE files successfully created!" appears. "But why WTE files, if this isn't supported in Flash WADs???" That's it because each WTE file of the save icon is an individual image, which is so practical, because WiiWare & Flash WAD save icons are splitted. These WADs use a unique *.tpl file for each type of icon (banner.tpl for still banner icon & icons.tpl for animated square icon). But don't worry, because these created WTE files we are converting to *.BMP files, usables for TPL Editor FE.
SECOND STEP: CONVERTING *.WTE FILES TO *.BMP FILES

NOTE:
Please remember in this step, we are only using the 01.wte, 03.wte, 04.wte, 06.wte, and banner.wte files.

  1. Now, in "HowardC" folder, go to folder "tplEdit2.0" and open tpl_edit_fe.exe
  2. In "Source Tpl / Image", click in "...", then in the box "File Type", choose "WTE File (*.wte)" and then click in the 01.wte file
  3. View attachment 224056 View attachment 224057
  4. In "Dest Tpl / Image", click in "...", then in "File Type" box, choose "Bitmap (*.bmp) and then click in "Save" to convert the WTE file into a BMP file.
  5. View attachment 224058 View attachment 224059 View attachment 224060
  6. The first image was successfully converted to BMP.
  7. Repeat the SECOND STEP with the 03.wte, 04.wte, 06.wte, and banner.wte files until all these files are converted to BMP.
  8. View attachment 224062
  9. Then do the next step:
THIRD STEP: JOINING THE 0*.wte.bmp FILES TO icons.tpl AND MAKING banner.tpl FROM banner.wte.bmp FILES

  1. In this step, we are using Gally's Image to TPL converter. It supports TPL, PNG, JPG, and BMP images. The Gally's Image to TPL converter is included in All-in-One Wii VC Injecting Tools, in the "WADpack_WADunpack" folder. Open it, and then open the file tplconv.exe
  2. Now, first click in the first image of the sequence (IMAGE 1), then click in the button "Leer imagen" (Open image file)
  3. View attachment 224064
  4. Let's make first the banner.tpl file. So, open first the banner.wte.bmp file.
  5. The image will show pixelated, but don't worry. Just remember the size of the banner save icon MUST be in dimensions (size) 192px x 64px
  6. Then click in the button "Guardar TPL" (Save TPL image)
  7. View attachment 224066
  8. In "File Name", write "banner.tpl" (without quotes) and then click in "Save". The banner.tpl file was successfully generated.
  9. Now, let's make the animated squared save icon (icons.tpl). For this, first click in the first image of the sequence (IMAGE 1), then click in the button "Leer imagen" (Open image file)
  10. Select the "01.wte.bmp" file. The selected 01.wte.bmp file appears as IMAGE 1.
  11. Repeat steps 9 and 10 by clicking in 2nd square of the sequence (IMAGE #), and selecting the correct BMP file for this, by following this order:
  12. IMAGE 1 = 01.wte.bmp
  13. IMAGE 2 = 03.wte.bmp
  14. IMAGE 3 = 04.wte.bmp
  15. IMAGE 4 = 06.wte.bmp
  16. When you did these steps, you MUST have anything like this: (don't worry if the images show pixelated, just beware the size of the squared save icons MUST be in 48px x 48px
  17. View attachment 224071
  18. Then click in button "Guardar TPL" (Save TPL file).
  19. In "File Name", write "icons.tpl" (without quotes) and then click in "Save". The icons.tpl file was successfully generated.
  20. Then follow the following for inject your custom save icon
FOURTH STEP: INJECTING THE CUSTOM banner.tpl & icons.tpl FILES TO FLASH WAD ,ENABLING SAVE FEATURE AND EDITING THE SAVE TITLE INFO
  1. In the final steps, let's inject the custom banner.tpl & icons.tpl files we created. First, go to the folders:
  2. - Image folder where your custom banner.tpl and icons.tpl files are stored
  3. - The .../WADpack_WADunpack/[randomed_name_folder]/00000002_app_OUT/ folder (previously unpack the Flash WAD you want to inject)
  4. Now, copy the custom banner.tpl & icons.tpl files from the folder, and then paste them replacing the old ones in the following folders:
  5. .../00000002_app_OUT/banner/US/
  6. .../00000002_app_OUT/banner/EU/
  7. .../00000002_app_OUT/banner/JP/
  8. Once you had replaced the icons with your icons, now open the folder .../00000002_app_OUT/config/ and then open the config.common.pcf file in Notepad
  9. You MUST enable save feature for use your icons and save progress in your games. For do this, just change the following lines:
  10. shared_object_capability - write "on" (without quotes) replacing the "off" option
  11. vff_cache_size - set size on kilobytes (kB) of max storage for game cache (i recommend 2048 kB, max you can use 4096 kB)
  12. vff_sync_on_write - write "on" (without quotes) replacing the "off" option
  13. persistent_storage_total - set size on kilobytes (kB) of max storage for total game saving (i recommend 2048 kB, max you can use 4096 kB)
  14. persistent_storage_per_movie - set size on kilobytes (kB) of max storage for game saving per movie (i recommend 1024 kB or 2048 kB, max you can use 4096 kB)
  15. When you had finished you must have something like this:
  16. View attachment 224073
  17. When you had finished, save the changes made to config.common.pcf file
  18. Now you MUST change the name of the save title, and set the animation of save icon to VC-bashed animation. This info will appear when you see the save info and when you open the first time your Flash game and it creates its save info. For do this, go to the folders .../00000002_app_OUT/banner/US/ and then open the banner.ini file
  19. View attachment 224131
  20. In this file, you MUST change the lines "title_text" and all "icon_speed" lines
  21. Change the lines "title_text" and "icon_speed" files as shown:
  22. title_text - Change this value with the name of the Flash game you are injecting. If the game name has spaces, enter the text "%20" (without quotes) after the first word and before the second word of the name of the game, to emulate the space of the text. Example: If the game name is "BUBBLE BOBBLE", then change the "title_text" line's name to "BUBBLE%20BOBBLE". Or if the game name is "Dragon Ball Z III", then change the "title_text" line's name to "Dragon%20Ball%20Z%20III".
  23. comment_text (OPTIONAL) - Change this value with the comment of the game. If the comment has spaces, enter the text "%20" (without quotes) after the first word and before the second word of the name of the game, to emulate the space of the text. Example: If the game comment is "The Revival", then change the "comment_text" line's name to "The%20Revival".
  24. icon_speed - There are four lines of this line, change these lines for changing the speed of the animation of the save icon. Write "slow", "normal" or "fast" for change the speed, BUT WITHOUT CHANGING THE NUMBERS THAT ARE THE ORDER OF THE SAVE ICON ANIMATION.
  25. When you had finished editing these lines you MUST have something like this:
  26. View attachment 224132
  27. Now save the changes made to banner.ini file
  28. Repeat steps 18 to 27 with the banner.ini file from the folders .../00000002_app_OUT/banner/EU/ and .../00000002_app_OUT/banner/JP/
  29. Done! You injected your custom save icon and save title!
  30. Once you had injected your SWF file, and mapped the controls, repack the WAD and edit it as shown in WAD editing tutorials.
Here are some snapshots of my injected icon and banner to my BUBBLE BOBBLE: THE REVIVAL (FOG.COM) injected Flash Game WAD:
(PD: I've also edited the save title)

View attachment 224074

View attachment 224076

The screen of creating save data:
View attachment 224075

Enjoy injecting your FLASH SWF games! Happy injecting! :yaywii:

- saulfabreg (@SaulFabre)

--------------------- MERGED ---------------------------

@SaulFabre friend but as a save, because I was playing for a while and could not save progress, it does not have a save state or anything, could you guide me on that? :(
Hey @Zorg1996 have you tried with 2048 kB or 4096 kb instead of 1024 kB, in the options of memory spaces? read again the tutorial carefully
 

SaulFabre

Wii scene/hacking & Wii VC well-known guy
OP
Member
Joined
Feb 6, 2019
Messages
919
Trophies
1
Age
22
Location
Ecuador
Website
saulfabreg-wiivc.blogspot.com
XP
2,203
Country
Ecuador
Hey @SaulFabre, How do you change the icon program, that you did on the "WiiWareInjector" I am making the YouTube Channel WAD iNJECTOR to be released.
When I was using BAT to EXE Converter by F2KO for converting the BAT file to a EXE file, I used the "Version Information" tab for include the icon of the program in ICO format for make an EXE file from the BAT with my personalized icon. Greetings
 

SaulFabre

Wii scene/hacking & Wii VC well-known guy
OP
Member
Joined
Feb 6, 2019
Messages
919
Trophies
1
Age
22
Location
Ecuador
Website
saulfabreg-wiivc.blogspot.com
XP
2,203
Country
Ecuador
ahh ok my friend, without a doubt this is a great advance, we will be up to the expectations of more advance, thank you very much
@Zorg1996 I did it. After a long investigation, i've noticed that most Flash games use 2-4 MB of memory for saving progress. I checked it when injecting A Koopa's Revenge 1.
I put the save in 512 kB and 1024 kB but the saving didn't work. So I had to increase both cache memory and saving memory to 2048 kB (2 MB) and tried and it works the saving.
Have you tried increasing the cache and saving memory to 2 MB or 4 MB? Also mke sure the options "shared_object_capability" and "vff_sync_on_write" are set to "on" instead of "off".
Tell me if it worked. Greetings :D
 
General chit-chat
Help Users
    kenenthk @ kenenthk: https://youtube.com/shorts/eHLOZAagHHg?feature=share