Changing WiiFlow Boot Animation
Warning: Making a new boot animation using large png files will render WiiFlow unstable (memory wise) so expect all kinds of shit, best thing to do is to use the smallest images and least number of frames. Line numbers will change when you add your sh*t so keep this in mind and adjust the number accordingly
Many people might find this helpful:
As a start here are the boot animations in animated GIF formats, the detailed steps will follow below:
(These images are taken from spacepimp's thread - Full details here: http://gbatemp.net/t...on-competition/)
Start here by picking one logo
Part one: from animated gif to png or jpg frames set
Fast new JPG method
1. Right click on logo and "copy link location"
2. Open http://gifninja.com/...nimated-gif/new and Click "select animated gif"
3. Paste the logo url
4. Save the output jpg to pc
5. Rename the jpg files to wait_01.jpg wait_02.jpg wait_03.jpg ... wait_0x.jpg... where x is the total number of frames
6. You're ready to edit video.cpp now and compile wiiflow
Old PNG method
The current wiiflow will repeat frame flow after the last frame so you will see the frames (10 in this example) in this order
1, 2, 3, 4, 5, 6, 7, 8, 9,10,1, 2, 3, 4, 5, 6, 7, 8, 9,10,1, 2, 3, 4, 5, 6, 7, 8, 9,10,...etc
Part 2: Adding your new logo to Wiiflow
Now that you got your png files here's how you add them to Wiiflow / Mod / Advanced / Plus ...
2.1: Setup Devkitpro and sliksvn and checkout WiiFlow source:
1. Download and Install DEVKIT-PRO:
Getting Started: http://devkitpro.org...Getting_Started
Windows Updater: http://sourceforge.n...ed%20Installer/
Latest version of updater is v1.5.1 get it from here: http://downloads.sou...use_mirror=garr
Make sure you have latest libogc extracted in c:\Devkitpro folder (else you won't be able to compile the boot.dol correctly)
Get the Libogc file here: http://code.google.c...02.zip&can=2&q=
2. Make sure you include Programmers Notepad and Libogc files in your setup (If you use the default settings you'll be ok)
3. Install an SVN tool such as SlikSVN (Download page: http://www.sliksvn.com/en/download
4. Get the latest Wiiflow from GoogleCode using this command - you might need to restart your computer first for this to work:
svn checkout http://open-wiiflow-mod.googlecode.com/svn/trunk/ open-wiiflow-mod-read-only
5. A folder will be created containing the source files: "open-wiiflow-mod-read-only"
6. Open this sub-folder "open-wiiflow-mod-read-only\data\images\"
7. Copy your wait_0x.jpg or png images here replacing the existing ones
8. Open this file: "open-wiiflow-mod-read-only\source\gui\video.cpp" in notepad or in programmer's notepad
9. Add more lines to this section to match the number of frames you are using: example add "extern const u8 wait_06_png[];" to line 16...
For latest Wiiflow
For old video.cpp with png files
Change "STexture m_wTextures[5];" to "STexture m_wTextures[X];" X = frames number
Also add the fromJPG or fromPNG lines to this section line 570 or so: example " m_wTextures[5].fromJPG(wait_06_jpg);"
For png files
also edit this line 570 from this "for (int i = 0; i < 5; i++)" To this: "for (int i = 0; i < X; i++)"
replace "X" by your frames number like I did in the example above
Here's a video.cpp with 10 frames that runs forward then backward (i.e. 1,2,3,4,5,6,7,8,9,10,10,9,8,7,6,5,4,3,2,1)
new jpg way
http://pastie.org/4357705
old png way
http://pastie.org/4274027
10. Open wiiflow.pnproj file in programmer's notepad and hit Alt+2 to clean then Alt+1 to make your dol
Enjoy the latest WiiFlow with your custom boot animation
Animations can have a Continuous loop i.e. 1,2,3,4,1,2,3,4 or Forward/Backward loop i.e. 1,2,3,4,4,3,2,1
you'll need to edit lines (527-528 for new video.cpp) (521, 522 for old video.cpp) in the following manner - choose the one that matches your logo:
If you're using the default animation in the latest wiiflow then you have the continuous loop (jj logo)
Older wiiflow version had a Fw/Bw loop (glowing logo)
Forward-Backward
Continuous:
Here's a video.cpp with 8 frames that has a continuous loop 1,2,3,4,5,6,7,8,1,2,3,4,5,6,7,8...
new jpg
http://pastie.org/4359597
old png
http://pastie.org/4273537
Credits: To all friends who submitted their lovely animations, and to the WiiFlow developers who work hard to make us happy
Thanks for reading.
P.S. Please please add your custom boot animations here so that everybody can benefit
I know there are many workarounds to make this guide shorter so feel free to add your suggestions below
If you find any mistakes please let me know so that I can do the necessary corrections (I didn't test this yet Tested both methods - working fine )
Abz
Many people might find this helpful:
As a start here are the boot animations in animated GIF formats, the detailed steps will follow below:
(These images are taken from spacepimp's thread - Full details here: http://gbatemp.net/t...on-competition/)
Start here by picking one logo
Part one: from animated gif to png or jpg frames set
Fast new JPG method
1. Right click on logo and "copy link location"
2. Open http://gifninja.com/...nimated-gif/new and Click "select animated gif"
3. Paste the logo url
4. Save the output jpg to pc
5. Rename the jpg files to wait_01.jpg wait_02.jpg wait_03.jpg ... wait_0x.jpg... where x is the total number of frames
6. You're ready to edit video.cpp now and compile wiiflow
Old PNG method
1. Right click on the logo you want to use
2. Save it on you HDD (it has a .gif format)
3. Open this website: http://uk.bloggif.com/gif-extract
4. Click Browse and choose the gif file you saved earlier - this will split the gif into separate frames
5. Click download all frames as a zip file, save the zip file on your HDD
6. Extract the zip file (all the frames are in gif format)
7. Wiiflow uses images in png format so we need to use this easy batch image converter to convert the gif files to png format: http://lostluggagest...geConverter.exe
This step is not necessary if you use a website or tool that saves the images into png format directly like this one:
EximiousSoft GIF Creator V5.76: http://www.mediafire...0lra5gyu561dn4j
8. Install the batch image converter freeware (.Net Framework is a prerequisite will get installed too if not found)
9. Launch the converter select the extracted zip folder or individual frames and choose "PNG" as "Convert to type" select destination folder and click "Convert images"
10. Rename the png files to wait_01.png wait_02.png wait_03.png ... wait_0x.png... where x is the total number of frames
Make sure the PNG files are 24 bits otherwise you'll get a black screen animation
Also make sure the extension "png" is in lowercase using "PNG" will give errors while compiling the file
2. Save it on you HDD (it has a .gif format)
3. Open this website: http://uk.bloggif.com/gif-extract
4. Click Browse and choose the gif file you saved earlier - this will split the gif into separate frames
5. Click download all frames as a zip file, save the zip file on your HDD
6. Extract the zip file (all the frames are in gif format)
7. Wiiflow uses images in png format so we need to use this easy batch image converter to convert the gif files to png format: http://lostluggagest...geConverter.exe
This step is not necessary if you use a website or tool that saves the images into png format directly like this one:
EximiousSoft GIF Creator V5.76: http://www.mediafire...0lra5gyu561dn4j
8. Install the batch image converter freeware (.Net Framework is a prerequisite will get installed too if not found)
9. Launch the converter select the extracted zip folder or individual frames and choose "PNG" as "Convert to type" select destination folder and click "Convert images"
10. Rename the png files to wait_01.png wait_02.png wait_03.png ... wait_0x.png... where x is the total number of frames
Make sure the PNG files are 24 bits otherwise you'll get a black screen animation
Also make sure the extension "png" is in lowercase using "PNG" will give errors while compiling the file
The current wiiflow will repeat frame flow after the last frame so you will see the frames (10 in this example) in this order
1, 2, 3, 4, 5, 6, 7, 8, 9,10,1, 2, 3, 4, 5, 6, 7, 8, 9,10,1, 2, 3, 4, 5, 6, 7, 8, 9,10,...etc
Part 2: Adding your new logo to Wiiflow
Now that you got your png files here's how you add them to Wiiflow / Mod / Advanced / Plus ...
2.1: Setup Devkitpro and sliksvn and checkout WiiFlow source:
1. Download and Install DEVKIT-PRO:
Getting Started: http://devkitpro.org...Getting_Started
Windows Updater: http://sourceforge.n...ed%20Installer/
Latest version of updater is v1.5.1 get it from here: http://downloads.sou...use_mirror=garr
Make sure you have latest libogc extracted in c:\Devkitpro folder (else you won't be able to compile the boot.dol correctly)
Get the Libogc file here: http://code.google.c...02.zip&can=2&q=
2. Make sure you include Programmers Notepad and Libogc files in your setup (If you use the default settings you'll be ok)
3. Install an SVN tool such as SlikSVN (Download page: http://www.sliksvn.com/en/download
4. Get the latest Wiiflow from GoogleCode using this command - you might need to restart your computer first for this to work:
svn checkout http://open-wiiflow-mod.googlecode.com/svn/trunk/ open-wiiflow-mod-read-only
5. A folder will be created containing the source files: "open-wiiflow-mod-read-only"
6. Open this sub-folder "open-wiiflow-mod-read-only\data\images\"
7. Copy your wait_0x.jpg or png images here replacing the existing ones
8. Open this file: "open-wiiflow-mod-read-only\source\gui\video.cpp" in notepad or in programmer's notepad
9. Add more lines to this section to match the number of frames you are using: example add "extern const u8 wait_06_png[];" to line 16...
For latest Wiiflow
Code:
#define DEFAULT_FIFO_SIZE (256 * 1024)
extern const u8 wait_01_jpg[];
extern const u32 wait_01_jpg_size;
extern const u8 wait_02_jpg[];
extern const u32 wait_02_jpg_size;
extern const u8 wait_03_jpg[];
extern const u32 wait_03_jpg_size;
extern const u8 wait_04_jpg[];
extern const u32 wait_04_jpg_size;
extern const u8 wait_05_jpg[];
extern const u32 wait_05_jpg_size;
extern const u8 wait_06_jpg[];
extern const u32 wait_06_jpg_size;
extern const u8 wait_07_jpg[];
extern const u32 wait_07_jpg_size;
extern const u8 wait_08_jpg[];
extern const u32 wait_08_jpg_size;
extern const u8 wait_09_jpg[];
extern const u32 wait_09_jpg_size;
extern const u8 wait_10_jpg[];
extern const u32 wait_10_jpg_size;
Code:
#define DEFAULT_FIFO_SIZE (256 * 1024)
extern const u8 wait_01_png[];
extern const u8 wait_02_png[];
extern const u8 wait_03_png[];
extern const u8 wait_04_png[];
extern const u8 wait_05_png[];
extern const u8 wait_06_png[];
extern const u8 wait_07_png[];
extern const u8 wait_08_png[];
extern const u8 wait_09_png[];
extern const u8 wait_10_png[];
Also add the fromJPG or fromPNG lines to this section line 570 or so: example " m_wTextures[5].fromJPG(wait_06_jpg);"
Code:
STexture m_wTextures[10];
m_wTextures[0].fromJPG(wait_01_jpg, wait_01_jpg_size);
m_wTextures[1].fromJPG(wait_02_jpg, wait_02_jpg_size);
m_wTextures[2].fromJPG(wait_03_jpg, wait_03_jpg_size);
m_wTextures[3].fromJPG(wait_04_jpg, wait_04_jpg_size);
m_wTextures[4].fromJPG(wait_05_jpg, wait_05_jpg_size);
m_wTextures[5].fromJPG(wait_06_jpg, wait_06_jpg_size);
m_wTextures[6].fromJPG(wait_07_jpg, wait_07_jpg_size);
m_wTextures[7].fromJPG(wait_08_jpg, wait_08_jpg_size);
m_wTextures[8].fromJPG(wait_09_jpg, wait_09_jpg_size);
m_wTextures[9].fromJPG(wait_10_jpg, wait_10_jpg_size);
for (int i = 0; i < 10; i++)
Code:
STexture m_wTextures[10];
m_wTextures[0].fromPNG(wait_01_png);
m_wTextures[1].fromPNG(wait_02_png);
m_wTextures[2].fromPNG(wait_03_png);
m_wTextures[3].fromPNG(wait_04_png);
m_wTextures[4].fromPNG(wait_05_png);
m_wTextures[5].fromPNG(wait_06_png);
m_wTextures[6].fromPNG(wait_07_png);
m_wTextures[7].fromPNG(wait_08_png);
m_wTextures[8].fromPNG(wait_09_png);
m_wTextures[9].fromPNG(wait_10_png);
for (int i = 0; i < 10; i++)
replace "X" by your frames number like I did in the example above
Here's a video.cpp with 10 frames that runs forward then backward (i.e. 1,2,3,4,5,6,7,8,9,10,10,9,8,7,6,5,4,3,2,1)
new jpg way
http://pastie.org/4357705
old png way
http://pastie.org/4274027
10. Open wiiflow.pnproj file in programmer's notepad and hit Alt+2 to clean then Alt+1 to make your dol
Enjoy the latest WiiFlow with your custom boot animation
Animations can have a Continuous loop i.e. 1,2,3,4,1,2,3,4 or Forward/Backward loop i.e. 1,2,3,4,4,3,2,1
you'll need to edit lines (527-528 for new video.cpp) (521, 522 for old video.cpp) in the following manner - choose the one that matches your logo:
If you're using the default animation in the latest wiiflow then you have the continuous loop (jj logo)
Older wiiflow version had a Fw/Bw loop (glowing logo)
Forward-Backward
Code:
if(waitItr + 1 == m->m_waitMessages.end() || waitItr == m->m_waitMessages.begin())
PNGfadeDirection *= (-1);
Code:
if(waitItr == m->m_waitMessages.end())
waitItr = m->m_waitMessages.begin();
Here's a video.cpp with 8 frames that has a continuous loop 1,2,3,4,5,6,7,8,1,2,3,4,5,6,7,8...
new jpg
http://pastie.org/4359597
old png
http://pastie.org/4273537
Credits: To all friends who submitted their lovely animations, and to the WiiFlow developers who work hard to make us happy
Thanks for reading.
P.S. Please please add your custom boot animations here so that everybody can benefit
I know there are many workarounds to make this guide shorter so feel free to add your suggestions below
If you find any mistakes please let me know so that I can do the necessary corrections (
Abz