1. AbdallahTerro

    OP AbdallahTerro da KiNG
    Member

    Joined:
    Jan 14, 2012
    Messages:
    6,051
    Country:
    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
    [​IMG][​IMG][​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG][​IMG][​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG]
    [​IMG][​IMG][​IMG][​IMG][​IMG][​IMG][​IMG][​IMG][​IMG][​IMG][​IMG]

    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
    :)
     
  2. AbdallahTerro

    OP AbdallahTerro da KiNG
    Member

    Joined:
    Jan 14, 2012
    Messages:
    6,051
    Country:
    Thanks Fix :)
     
  3. MassiveRican

    MassiveRican GBATemp's Unofficial Vigilante
    Member

    Joined:
    Aug 2, 2011
    Messages:
    2,451
    Country:
    Very detailed and precise as always Abz, thanks.
     
  4. KiiWii

    KiiWii Reporter
    Reviewer

    Joined:
    Nov 17, 2008
    Messages:
    10,343
    Country:
    United Kingdom
    Nice tutorial :)
     
  5. pepxl

    pepxl GFX W!Z4RD
    Member

    Joined:
    Jun 19, 2009
    Messages:
    3,263
    Country:
    You should add actual code it code boxes like this and not in spoiler form.

    Code:
    Code Here
    
     
  6. AbdallahTerro

    OP AbdallahTerro da KiNG
    Member

    Joined:
    Jan 14, 2012
    Messages:
    6,051
    Country:
  7. xenocard

    xenocard GBAtemp Regular
    Member

    Joined:
    Sep 13, 2009
    Messages:
    152
    Country:
    United States
    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 person likes this.
  8. AbdallahTerro

    OP AbdallahTerro da KiNG
    Member

    Joined:
    Jan 14, 2012
    Messages:
    6,051
    Country:
    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
     
  9. xenocard

    xenocard GBAtemp Regular
    Member

    Joined:
    Sep 13, 2009
    Messages:
    152
    Country:
    United States
    this one should be the new logo for wiiflow, i will be using that.
     
  10. AbdallahTerro

    OP AbdallahTerro da KiNG
    Member

    Joined:
    Jan 14, 2012
    Messages:
    6,051
    Country:
    I'm using it too :)
     
  11. AbdallahTerro

    OP AbdallahTerro da KiNG
    Member

    Joined:
    Jan 14, 2012
    Messages:
    6,051
    Country:
    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 :)
     
  12. MassiveRican

    MassiveRican GBATemp's Unofficial Vigilante
    Member

    Joined:
    Aug 2, 2011
    Messages:
    2,451
    Country:
    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" (
     
  13. ToddofWar420

    ToddofWar420 CoverFlow Artist
    Member

    Joined:
    Mar 20, 2012
    Messages:
    504
    Country:
    United States
    I love this thread. It's amazing and well put together!!
     
  14. Etheboss

    Etheboss Official LULWUT supporter
    Member

    Joined:
    Feb 24, 2009
    Messages:
    2,445
    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..
     
  15. KiiWii

    KiiWii Reporter
    Reviewer

    Joined:
    Nov 17, 2008
    Messages:
    10,343
    Country:
    United Kingdom
    Is there anyway to automate this in future? like a simple patcher for the dol that you can add the 10 png's to?
     
  16. AbdallahTerro

    OP AbdallahTerro da KiNG
    Member

    Joined:
    Jan 14, 2012
    Messages:
    6,051
    Country:
    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
     
  17. Shag

    Shag Advanced Member
    Member

    Joined:
    Jun 8, 2011
    Messages:
    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
     
  18. AbdallahTerro

    OP AbdallahTerro da KiNG
    Member

    Joined:
    Jan 14, 2012
    Messages:
    6,051
    Country:
    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.
     
  19. drakorex

    drakorex GBAtemp Advanced Maniac
    Member

    Joined:
    Jan 19, 2011
    Messages:
    1,881
    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.
     
  20. spacepimp

    spacepimp Pathalogical Fantasist
    Member

    Joined:
    Feb 20, 2012
    Messages:
    457
    Country:
    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.
     
Draft saved Draft deleted
Loading...

Hide similar threads Similar threads with keywords - Animation, Changing, WiiFlow