Changing WiiFlow Boot Animation

Discussion in 'Wii - Tutorials & FAQs' started by AbdallahTerro, Jul 17, 2012.

Jul 17, 2012
    • Member

    AbdallahTerro da KiNG

    Member Since:
    Jan 14, 2012
    Message Count:
    3,713
    Location:
    Ideas factory :)
    Country:
    Lebanon
    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
    WARNING! Spoilers inside!


    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
    WARNING! Spoilers inside!


    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
    :)
    TheSly, Slimmmmmm, neim81094 and 2 others like this.


    • Member

    AbdallahTerro da KiNG

    Member Since:
    Jan 14, 2012
    Message Count:
    3,713
    Location:
    Ideas factory :)
    Country:
    Lebanon
    • Member

    MassiveRican GBATemp's Unofficial Vigilante

    Member Since:
    Aug 2, 2011
    Message Count:
    2,195
    Location:
    Creeping in the Shadows
    Country:
    Puerto Rico
    Very detailed and precise as always Abz, thanks.
    • Member

    KiiWii New Member

    Member Since:
    Nov 17, 2008
    Message Count:
    1,843
    Country:
    New Zealand
    Nice tutorial :)
    • Member

    pepxl GFX W!Z4RD

    Member Since:
    Jun 19, 2009
    Message Count:
    3,263
    Country:
    United Kingdom
    You should add actual code it code boxes like this and not in spoiler form.

    Code:
    Code Here
    
    • Member

    AbdallahTerro da KiNG

    Member Since:
    Jan 14, 2012
    Message Count:
    3,713
    Location:
    Ideas factory :)
    Country:
    Lebanon
    • Newcomer

    xenocard New Member

    Member Since:
    Sep 13, 2009
    Message Count:
    13
    Location:
    Middle East
    Country:
    United Arab Emirates
    Abz you are incredible! i hope i have time this week to try these out, btw i love your NGC banner Project, thanks for sharing.

    in time i will surprise you with my own Project ;)
    1 people like this.
    • Member

    AbdallahTerro da KiNG

    Member Since:
    Jan 14, 2012
    Message Count:
    3,713
    Location:
    Ideas factory :)
    Country:
    Lebanon
    My 2 successful tests with rev 606 (one continuous, second fw/backward)

    [IMG] http://www.mediafire...7lxct69epbgcy15

    [IMG] http://www.mediafire...qb504tdb0b5stdg

    These are templates used above contains 10 pngs and video cpp - can be easily used for future releases.
    Just extract in open-wiiflow-mod-read-only folder replace existing files and compile :)
    For other logos just replace the pngs
    JJ-continuous-10-pngs-source: http://www.mediafire...4y3aa62eevjnb39
    Spayro-Fw-Backward-10-pngs-source: http://www.mediafire...nk6g4vf5668z93l

    Abz
    • Newcomer

    xenocard New Member

    Member Since:
    Sep 13, 2009
    Message Count:
    13
    Location:
    Middle East
    Country:
    United Arab Emirates
    this one should be the new logo for wiiflow, i will be using that.
    • Member

    AbdallahTerro da KiNG

    Member Since:
    Jan 14, 2012
    Message Count:
    3,713
    Location:
    Ideas factory :)
    Country:
    Lebanon
    I'm using it too :)
    • Member

    AbdallahTerro da KiNG

    Member Since:
    Jan 14, 2012
    Message Count:
    3,713
    Location:
    Ideas factory :)
    Country:
    Lebanon
    Many changes were introduced to video.cpp in latest rev (609)
    the new logo has 8 jpg files instead of old 5 png files
    continuous loop
    0.2 sec delay
    609 jj-mod logo 0.2 sec
    [IMG]
    this is a corrupted preview, WiiFlow in actual logo is decent and doesn't move :)
    Link: http://www.mediafire...pwpnyrozqokfwb3

    609 spayrosam's fw/backward 10 frames logo 0.2 sec

    [IMG]
    Link: http://www.mediafire...edzx5wte8d6l3ux
    source (includes jpg files and new video.cpp): http://www.mediafire...wbnczn0c460s6i9
    the new video.cpp used with spayrosam's logo: http://pastie.org/4296758

    [IMG]
    Old dots
    Download 609 precompiled: http://www.mediafire...g12kbvrd8f97yam
    Download source (jpg files + video.cpp) for future updates: http://www.mediafire...1guyr6vu98axwfx


    So all what is needed to use spayrosam's logo in the future is to extract the source (rar file images + video.cpp) into open-wiiflow-mod-read-only folder, replace the existing files and make your dol after "make clean"
    You can always replace the jpg files to change the logo as well
    Enjoy WiiFlow with the logos :)
    • Member

    MassiveRican GBATemp's Unofficial Vigilante

    Member Since:
    Aug 2, 2011
    Message Count:
    2,195
    Location:
    Creeping in the Shadows
    Country:
    Puerto Rico
    About to compile with Spayrosam's after a bit of testing around with r615 since Spayrosam's was definitely my fave submission, with Pepxl's right behind it and JJ-Kwik's running third in my book. Too bad the competition never went through to it's full completion. In the end however thanks to you, now everyone can "have it their way" (
    • Member

    ToddofWar420 CoverFlow Artist

    Member Since:
    Mar 20, 2012
    Message Count:
    496
    Location:
    Outworld
    Country:
    United States
    I love this thread. It's amazing and well put together!!
    • Member

    Etheboss Official LULWUT supporter

    Member Since:
    Feb 24, 2009
    Message Count:
    1,901
    Location:
    Around somewhere
    Country:
    Netherlands
    Lol, this should be funny trying to keep up with Wiiflow/Wiiflow mod revs.

    Abz, i think its better not to post any links of old revs., just the logo's..
    you already explained in the 1st post how people can do it themselves..

    And if some ppl still fail to compile wiiflow/wwiflow mod with another logo, they should come to IRC for help or a compiled version with their favorite logo..
    • Member

    KiiWii New Member

    Member Since:
    Nov 17, 2008
    Message Count:
    1,843
    Country:
    New Zealand
    Is there anyway to automate this in future? like a simple patcher for the dol that you can add the 10 png's to?
    • Member

    AbdallahTerro da KiNG

    Member Since:
    Jan 14, 2012
    Message Count:
    3,713
    Location:
    Ideas factory :)
    Country:
    Lebanon
    Thanks for your sweet comments.
    I will not precompile dols in the future.
    The fastest automated way is to pack the jpg files along with video.cpp file in a zip file and extract them in the updated source folder overwriting the old files.
    There is no such thing as a patch for the dol, this is not PC application shit :)
    I just found that Gifninja.com can give you the jpg files directly after you paste your logo saving a lot of time.
    So I recommend:
    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

    Compile wiiflow after renaming the jpg files and editing video.cpp accordingly
    • Member

    Shag New Member

    Member Since:
    Jun 8, 2011
    Message Count:
    98
    Country:
    United States
    I get a reference error right at the point of the new frames after the original 8 frames. not sure what I am missing I followed all the steps above. any Ideas?
    thanks
    Shag
    • Member

    AbdallahTerro da KiNG

    Member Since:
    Jan 14, 2012
    Message Count:
    3,713
    Location:
    Ideas factory :)
    Country:
    Lebanon
    So your error is before compiling, right? did you get the jpg images already?
    If you have your images make sure your images names are lowercase
    make sure you "make clean" before compiling
    if you're compiling latest wiiflow you need to have latest video.cpp rev639+ I posted a link in Wiiflow thread.
    • Member

    drakorex New Member

    Member Since:
    Jan 19, 2011
    Message Count:
    1,785
    Country:
    United States
    Well, I downloaded devkit windows installer, ran it, downloaded slik, ran it. No shortcuts were created, I have no idea what to do next. Perhaps a more detailed tutorial, picture by picture, or a video would be more helpful. :(

    EDIT: I figured that much out, got everything downloaded, made the changes it says to, but it won't compile for some reason. I dunno.
    • Member

    spacepimp Pathalogical Fantasist

    Member Since:
    Feb 20, 2012
    Message Count:
    453
    Location:
    Off the Island
    Country:
    Holy See (Vatican City)
    Just fyi, because of size/memory/stability problems the wait animation now actually used in Wiiflow is only about 18.5k big - which is why it looks a bit compressed!
    You may have to compress your images to a similar size to avoid problems.

SPONSORED LINKS
 

Share This Page