Switch Layout Editor - Create/Edit Themes and Games

orangpelupa · Jan 29, 2019

any plan to add default layout/values derived from the stock common.szs so users doesnt need to dump their own SZS file?

exelix11 · Jan 29, 2019

orangpelupa said:
any plan to add default layout/values derived from the stock common.szs so users doesnt need to dump their own SZS file?

I'm pretty sure that would be gray zone or simply illegal for the same reason you can't just distribute common.szs :V
Still dumping files now it's much easier, the nxthemes installer app will do everything automatically

orangpelupa · Jan 29, 2019

exelix11 said:
I'm pretty sure that would be gray zone or simply illegal for the same reason you can't just distribute common.szs :V
Still dumping files now it's much easier, the nxthemes installer app will do everything automatically

Then how about make a new default layout that's not using values from stock layout ?

2 layouts: lockscreen and homescreen. Would be a nice start

HoTsHoTz79 · Jan 30, 2019

@exelix11 Thank you earlier for your help ... I created a new layout ... both the tools are excellent

Just one suggestion for the Qcena's Switch Theme Injector... when testing changes it can save some time if the following can be added to the tool;

A new button that automatically Builds the NXTheme and does Remote Install (keep the IP saved for next time)

Currently clicking the Build NXTheme prompts you to enter theme name and author, which i just type random letter to test only
Then Clicking on Remote Install i have to enter the IP address again

(P.S looking forward to the new release cuz of reboot to payload commit)

Here's my new "One Game Left Side" layout (aka OGLS)

exelix11 · Jan 30, 2019

orangpelupa said:
Then how about make a new default layout that's not using values from stock layout ?

2 layouts: lockscreen and homescreen. Would be a nice start

Making a new layout still means using copyrighted data from the bflyt as we must keep most parts of the file for the home menu to work, in fact custom layouts edit just a very minor part of the binary file, that's why they can be easily made into a json.
Unfortunately there's no way of previewing the correct layout and outputting working files without having to rely on the layouts. (And converting a whole bflyt to json is still not legal as it's the same data just with a different encoding)

PKNess · Feb 1, 2019

i made a layout, but even when in the layout is stated the size and all, the icons in the home menu show up with the default size, am i missing something???

this is a pastebin of the json file, idk if someone might want to see what's wrong... https://pastebin.com/ZbvzD5cS

exelix11 · Feb 1, 2019

PKNess said:
i made a layout, but even when in the layout is stated the size and all, the icons in the home menu show up with the default size, am i missing something???

this is a pastebin of the json file, idk if someone might want to see what's wrong... https://pastebin.com/ZbvzD5cS

Apparently you can't edit the size in rdtbase, you have to edit it in the game icon file, idk why

XorTroll · Feb 1, 2019

HoTsHoTz79 said:
@exelix11 Thank you earlier for your help ... I created a new layout ... both the tools are excellent

Just one suggestion for the Qcena's Switch Theme Injector... when testing changes it can save some time if the following can be added to the tool;

A new button that automatically Builds the NXTheme and does Remote Install (keep the IP saved for next time)

Currently clicking the Build NXTheme prompts you to enter theme name and author, which i just type random letter to test only
Then Clicking on Remote Install i have to enter the IP address again

(P.S looking forward to the new release cuz of reboot to payload commit)

Here's my new "One Game Left Side" layout (aka OGLS)

Hehe, it's always nice to see that every layout screen has Goldleaf installed

FuryBaguette · Feb 1, 2019

PKNess said:
i made a layout, but even when in the layout is stated the size and all, the icons in the home menu show up with the default size, am i missing something???

this is a pastebin of the json file, idk if someone might want to see what's wrong... https://pastebin.com/ZbvzD5cS

You can do this by changing the Scale not the Size. You can do this directly on the root pane of the game icons iirc.

Tinnetju · Feb 1, 2019

HoTsHoTz79 said:
@exelix11 Thank you earlier for your help ... I created a new layout ... both the tools are excellent

Just one suggestion for the Qcena's Switch Theme Injector... when testing changes it can save some time if the following can be added to the tool;

A new button that automatically Builds the NXTheme and does Remote Install (keep the IP saved for next time)

Currently clicking the Build NXTheme prompts you to enter theme name and author, which i just type random letter to test only
Then Clicking on Remote Install i have to enter the IP address again

(P.S looking forward to the new release cuz of reboot to payload commit)

Here's my new "One Game Left Side" layout (aka OGLS)

Jesus that layout is gorgeous. Thanks for sharing

KitsumiTheFox · Feb 2, 2019

So, shameless plug here, but I've also made a web version for those that don't wanna download anything,
I'll link it only as long as @FuryBaguette is okay with me doing so, as I don't wanna steal his thread or anything.
I'm sorry for mentioning this here, but I thought this would probably end up being the best place.

ReroShaggy · Feb 13, 2019

I'm excited to work more with this. I have spent a couple hours on it, it unfortunately at the moment is too confusing as to what names correspond to what. Some stock menu layouts have boxes all over the place outside of viewing area, nested, not very clear what purpose they serve and when.... It's getting there. I hope someday to see a preview render window so we can see faster what changes are being made with more clarity. Thanks.

KitsumiTheFox · Feb 13, 2019

ReroShaggy said:
I'm excited to work more with this. I have spent a couple hours on it, it unfortunately at the moment is too confusing as to what names correspond to what. Some stock menu layouts have boxes all over the place outside of viewing area, nested, not very clear what purpose they serve and when.... It's getting there. I hope someday to see a preview render window so we can see faster what changes are being made with more clarity. Thanks.

Have you seen my web version?

ReroShaggy · Feb 15, 2019

I have just now and yours seems like it's coming along nicely as well. I like the titled icons though can't read a lot of them but im sure that's going to get fixed. I appreciate all your efforts. I assume, for both, in order to see a rendered view of all the elements as it would be seen in final packaged .nxtheme, it would require integration with some sort of bflan/.bntx viewer. I hope either directions are considering this as it would help greatly in associating names of elements with visuals, without requiring a compile, push (payload), view, edit, repeat...process. just going to take a lot of trial and error.
If I have a burning question for the moment is, is there a way in the code to specify which icon you want the selection box (on the switch) to move to when a specific directions pressed? Or does the switch kind of guess which icon to select? Tried a few layouts and some icons became unselectable because the switch refused to go to it. Sure on-screen clicking is an option but i'm the kind of guy who guys for complete instead of workable.

exelix11 · Feb 15, 2019

ReroShaggy said:
I have just now and yours seems like it's coming along nicely as well. I like the titled icons though can't read a lot of them but im sure that's going to get fixed. I appreciate all your efforts. I assume, for both, in order to see a rendered view of all the elements as it would be seen in final packaged .nxtheme, it would require integration with some sort of bflan/.bntx viewer. I hope either directions are considering this as it would help greatly in associating names of elements with visuals, without requiring a compile, push (payload), view, edit, repeat...process. just going to take a lot of trial and error.
If I have a burning question for the moment is, is there a way in the code to specify which icon you want the selection box (on the switch) to move to when a specific directions pressed? Or does the switch kind of guess which icon to select? Tried a few layouts and some icons became unselectable because the switch refused to go to it. Sure on-screen clicking is an option but i'm the kind of guy who guys for complete instead of workable.

An accurate renderer is very hard, initially we were considering doing it but unfortunately there's just too much work to do, maybe basic image rendering will come at some point, but there are still many unknown formats and the rendered boxes don't always match the actual layout.
About the cursor there are specific BND type panes that can block it from going to certain places, you may want to try moving those around but afaik it's not handled in the layout.

ReroShaggy · Feb 15, 2019

I get it, just throwing out my thoughts. Probably even easier to just have a box in the editor that explains contextual information about the particular element. Information like "this box appears in this situation and is also referenced in this bflyt for this purpose." Which I'm sure will eventually be learned. I forget which bflyt i checked out but in it, couldn't figure out what any element in it had to do in the ui or it's relation to other things. I'm an artist, i don't often get into the code of things so i just need some time.

ReroShaggy · Feb 17, 2019

what is the accurate unit of measure used in these layouts? So i'm a graphic designer. I designed something, found it's place pixel wise in the image, and have gone into the editor to place elements. whether I pick origin top/center/left/right doesn't matter none of the number in the x/y coincide to 1280 720. Editing Residentmenu.szs N_Root says its 100 by 100 which is weird for a size. If N_game for instance to the top left corner, with it's parent set to center, it shows -646;350;0 for position. Shouldn't it be either half of 720x1280, or if orientation set to left top...0;0;0?

Reference to my layout:

KitsumiTheFox · Feb 17, 2019

Afaik:
The origin property controls the 0,0 point of the child, so Origin means offset position by child size, and parent origin means offset position by parent size. Also, the child inherits the position and all other properties from it's parent.
So say parent is at 100,100 and then the child is at 10,10. The child's actual position would be 110,110 (assuming both the parent's parentorigin is 0,0, the parent's origin is 0,0, the child's parentorigin is 0,0 and the child's origin is 0,0)
Sorry if that's a little confusing. Hope it helps!

ReroShaggy · Feb 17, 2019

KitsumiTheFox said:
Afaik:
The origin property controls the 0,0 point of the child, so Origin means offset position by child size, and parent origin means offset position by parent size. Also, the child inherits the position and all other properties from it's parent.
So say parent is at 100,100 and then the child is at 10,10. The child's actual position would be 110,110 (assuming both the parent's parentorigin is 0,0, the parent's origin is 0,0, the child's parentorigin is 0,0 and the child's origin is 0,0)
Sorry if that's a little confusing. Hope it helps!

I understand what your saying but in the PC Switch Layout editor i'm having issues with that.

--------------------- MERGED ---------------------------

I have made some progress. Since I am so far along I will share whats going on. Designed based off of Capcom VS Snk 2. I give you my CVSVNX Layout/theme. Still need to tweak some things. All buttons can be selected with D-pad, except the bottom row of icons (settings, album...) is interfering. This will have setup for all users, they will appear along the sides and 3 along top of player select. I need to figure out how to remove the grey/black ring around the user icons. I am in the process of adding higher res character images. I also need to figure out how to remove user icon names form the icon as seen with this Metaknight user icon. Despite picking the exact values for the battery and time icon color...it shows up pink IDK why. Need to rotate allgames icon. Lastly size and position tweaks of all buttons.

exelix11 · Feb 18, 2019

KitsumiTheFox said:
Afaik:
The origin property controls the 0,0 point of the child, so Origin means offset position by child size, and parent origin means offset position by parent size. Also, the child inherits the position and all other properties from it's parent.
So say parent is at 100,100 and then the child is at 10,10. The child's actual position would be 110,110 (assuming both the parent's parentorigin is 0,0, the parent's origin is 0,0, the child's parentorigin is 0,0 and the child's origin is 0,0)
Sorry if that's a little confusing. Hope it helps!

@ReroShaggy ^Yeah that's pretty much it. But you have also to consider prt panes: when near a pane name you see [prt1] it means that it actually displays another bflyt from that szs, to know which one select it and press q, it should pop up the hex editor and at the bottom it should contain the filename. Editing stuff like rotation and size in the original files rather than in the prt panes may have different effects on the final result and even the cursor behaviour, I'd say always try editing the values in the original panes first. (I'm still unsure about the behavior of size and scale for prt panes that's why they are rendered just as rectangles).
About the user name it should be just a text pane you can move away, it should be in the layout referenced by the prt pane. For the border of the i think i know how to remove it and i'm implementing it in the nxtheme format and the layout editor soon enough. For the icons color i'm not sure, that happens because the material has certain properties set, i had the same issue while implementing custom album icons, the solution for me was altering the image properties but that's not possibe with nxthemes yet (and it's not part of the layout).
Anyway that layout looks really good

Well-Known Member

Developer

Well-Known Member

GIC-Developer

Developer

Well-Known Member

Developer

Switching between my 2DS and my Switch

Well-Known Member

Well-Known Member

Well-Known Member

Member

Well-Known Member

Member

Developer

Member

Member

Well-Known Member

Member

Attachments

Developer

Similar threads

Popular threads in this forum