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

[SaulFabre]

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





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:
----------------------------------------------------------------------------------------------------------

• My Custom Save Icon Templates for @HowardC's VC Save Icon Generator / VC Save Icon Maker. Download Link: http://www.mediafire.com/file/i9opz...+Icons+for+MSX+to+Flash+by+saulfabreg.7z/file
• @HowardC's VC Save Icon Generator v8.0 / VC Save Icon Maker v8.0 (VC_Icon_Gen.exe)
• @HowardC's TPL Editor FE v2.0 (tpl_edit_fe.exe)
  
• Gally's Image to TPL Converter v0.3 (tplconv.exe)

-----------------------------------------------------------------------------------------------------
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. 
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. 
   
   
   
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. 
   
   
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. 
   
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. 
   
   
   
   
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. 
   
   
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. 
   
   
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. 
   
   
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. 
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. 
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. 
    
    
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. 
    
    
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)

The screen of creating save data:

Enjoy injecting your FLASH SWF games! Happy injecting!

- saulfabreg (@SaulFabre)

 

[mrt84]

Thanks I will do that Tommorow!

 

[SaulFabre]

Thanks I will do that Tommorow!

Hey @mrt84 I've added instructions for edit the save title of the Flash Game Inject! Go to my tutorial and check it out!

 

[mrt84]

Pretty soon, I will do a tutorial on How To Make iNJECT Save Icons for Flash Game Injects.

 

[Zorg1996]

Thanks for this explanation friend you are a crack!!!

 

[mrt84]

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.

 

[Zorg1996]

Ready !! I was able to create a save for Alien Hominid Flash. Thank you

 

[mrt84]

Nice

 

[Zorg1996]

@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?

 

[SaulFabre]

@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

 

[Zorg1996]

Well, this require still more investigation :/
I will keep investigating about possibility of allow saving progress in Flash games injected on WiiWare WADs

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

 

[mrt84]

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]

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

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:
----------------------------------------------------------------------------------------------------------

• My Custom Save Icon Templates for @HowardC's VC Save Icon Generator / VC Save Icon Maker. Download Link: http://www.mediafire.com/file/i9opz...+Icons+for+MSX+to+Flash+by+saulfabreg.7z/file
• @HowardC's VC Save Icon Generator v8.0 / VC Save Icon Maker v8.0 (VC_Icon_Gen.exe)
• @HowardC's TPL Editor FE v2.0 (tpl_edit_fe.exe)
  
• Gally's Image to TPL Converter v0.3 (tplconv.exe)

-----------------------------------------------------------------------------------------------------
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!

- 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

 

[mrt84]

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.

 

[SaulFabre]

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]

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

 

[jeffyTheHomebrewer]

So, does this also work for other wads, too? I'm just curious.

 

[SaulFabre]

So, does this also work for other wads, too? I'm just curious.

i don't think so.
Each WAD has a different saving method and location.

 

[jeffyTheHomebrewer]

i don't think so.
Each WAD has a different saving method and location.

Darn. I mean, it should in theory. Plus if I mess up, all that could happen is that the wad would A, not install, or B, cause a banner brick-type problem, which I can just fix with Priiloader.

 

[mrt84]

So, does this also work for other wads, too? I'm just curious.

The other WADs you can use is:

BBC iPlayer
Kirby TV Channel
YouTube
Fludity
Back to Nature
Flash Placeholder (main-one + modified Back to Nature WAD)