[POC] Yata online: In-Browser Cross-Platform 3DS theme editor

Discussion in '3DS - ROM Hacking, Translations and Utilities' started by exelix11, Jan 13, 2018.

  1. exelix11
    OP

    exelix11 GBAtemp Advanced Fan

    Member
    5
    Feb 25, 2015
    Italy
    C:\users\exelix11\
    Latest version is 1.3, if you see an older one clear the cache on your browser.

    I was experimenting with web dev, so as a test project i decided to make a web app out of Yata, this was rewritten from scratch the only thing left from the original code is the image encoding algorithm.
    It is pretty basic, I don't know if I'm going to further develop it (mainly because of lack of time).

    It's really straightforward, you load or create a theme, load the images and then click save.
    If images are not of the right size they will automatically be stretched.
    I tested it on Firefox, Chrome, Edge and Edge on my phone and it works, should work on phones as well. It's not compatible with Internet explorer idk about other browsers.

    [​IMG]

    Theme editing screen

    You can also save the web page to use it offline
    Link: https://exelix11.github.io/Yata-online/

    Source code: https://github.com/exelix11/Yata-online
     
    Last edited by exelix11, Feb 17, 2018
    Lyrin, umbjolt, MallowMadness and 3 others like this.
  2. tranxuanthang

    tranxuanthang GBAtemp Regular

    Member
    3
    Jul 6, 2015
    Nice work! Looks interesting :yay3ds:
    Is the top and bottom screen size are always 512x256, even if scrollable or fixed?
     
  3. THEELEMENTKH

    THEELEMENTKH -

    Member
    7
    May 31, 2016
    Italy
    Italian summer island
    Woooooww, just what I needed! I will try this when I get home.
    One question: What audio files does this support? Does it support BCSTM as input files?
     
  4. exelix11
    OP

    exelix11 GBAtemp Advanced Fan

    Member
    5
    Feb 25, 2015
    Italy
    C:\users\exelix11\
    No, the size depends on the frame type, the page was not automatically updated to refect the size, i just pushed the update to fix the issue, reload deleting cache to see the changes (Shift + reload, you should see Ver 1.1)

    It doesn't support any audio format, you can only enable or disable bgm with the flag.
    I don't think it's ever going to be able to convert from an to BCSTM due to the limitation of the browsers, i had to optimize a lot the image encoding to make it quick enough.
    Also, this should work from your phone browser as well
     
    Last edited by exelix11, Jan 13, 2018
    tranxuanthang likes this.
  5. THEELEMENTKH

    THEELEMENTKH -

    Member
    7
    May 31, 2016
    Italy
    Italian summer island
    Oh, okay, no problem, thanks!
    I will try to manually add the BCSTM file on the theme folder and see if it works
     
  6. exelix11
    OP

    exelix11 GBAtemp Advanced Fan

    Member
    5
    Feb 25, 2015
    Italy
    C:\users\exelix11\
    It will work, the BCSTM is a separate file from the theme, the theme only needs to have it enabled
     
    THEELEMENTKH likes this.
  7. MallowMadness

    MallowMadness Member

    Newcomer
    1
    Dec 21, 2017
    Philippines
    does it mean that i can make themes using the browser on my phone? nice work to help people who broke their laptop last new years eve :grog:

    edit:sorry didnt read the earlier replies .
     
    Last edited by MallowMadness, Jan 14, 2018
    exelix11 likes this.
  8. exelix11
    OP

    exelix11 GBAtemp Advanced Fan

    Member
    5
    Feb 25, 2015
    Italy
    C:\users\exelix11\
    Ofc you'll have to find a way to put the themes on 3DS' sd card, i guess ftp would work
     
    MallowMadness likes this.
  9. exelix11
    OP

    exelix11 GBAtemp Advanced Fan

    Member
    5
    Feb 25, 2015
    Italy
    C:\users\exelix11\
    Looks like there is a bug with MS Edge, when you upload an image if you try to open the same image for another theme element it won't be loaded, as a workaround open another image and then the image you wanted to open, i'll fix this in the next days
     
  10. MallowMadness

    MallowMadness Member

    Newcomer
    1
    Dec 21, 2017
    Philippines
    ftp works with this .
     
  11. exelix11
    OP

    exelix11 GBAtemp Advanced Fan

    Member
    5
    Feb 25, 2015
    Italy
    C:\users\exelix11\
    Just fixed the Edge bug and another issue when loading some JPEGs, you should see version 1.2 now, if not clear the cache
     
    THEELEMENTKH likes this.
  12. exelix11
    OP

    exelix11 GBAtemp Advanced Fan

    Member
    5
    Feb 25, 2015
    Italy
    C:\users\exelix11\
    Just pushed version 1.3, now it can edit colors as well.
    As usual, if you are using an older version clear your browser's cache
     
Loading...
  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice