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
b6uhwx.gif
1199f8h.gif
wfws1.gif
206hk00.gif
WiiFlowLoading.gif
WiiflowBurninBlue.gif
WiiflowBurninBlue3.gif
WiiflowBurninBlue2.gif
spacepimpNintendo2.gif
spacepimpNintendo3.gif
sxdg0h.gif
JJ-KwiKsSubmission.gif
JJ-KwiKsSubmission3.gif
JJ-KwiKsSubmission2.gif
fktdfr.gif
JJsNewSubmissionSlow.gif
JJsNewSubmissionFast.gif
JJsFinalSubmissionSpeed15.gif
2duyre0.gif
2nqz137.gif
b63vuw.gif
2s1rrk6.gif
15gxt80.gif
35jbk91.gif
vpxk6v.gif
wiiflow3.gif
wiiflow4.gif
wiiflow2.gif
holoflowws.gif
pulse.gif
pulse2.gif
flow.gif
JJsNewSubmissionFast.gif
JJsNewSubmissionSlow.gif
JJsNewSubmissionSlow.gif

25ap1rc.gif
2q1e05w.gif
35iwqys.gif
2059hqp.gif
2vt4adt.gif
etcgtx.gif
8yz58p.gif
vmuoid.gif
5bz984.gif
2evd8xk.gif
SMB_wiiflow.gif

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

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;
For old video.cpp with png files
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[];
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);"
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++)
For png files
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++)
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
Code:
if(waitItr + 1 == m->m_waitMessages.end() || waitItr == m->m_waitMessages.begin())
PNGfadeDirection *= (-1);
Continuous:
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 (I didn't test this yet Tested both methods - working fine :))

Abz
:)
 

Site & Scene News

Popular threads in this forum

General chit-chat
Help Users
    SylverReZ @ SylverReZ: Only thing you catch are STDs.