Add vector mini-menu and optimise font as well as some other issues

[Talark-Systems]

Fixes:

• Fixed squished gamecard bug in 4:3 mode

Additions/Changes:

• Changed colour scheme (more accurate with real Switch)
• Changed gamecard from svg to png (fixes resizing issue)

[lilbud]

I made the arrow block an svg because svg can scale losslessly to any size with no quality loss. PNG can only scale so far and look good.

Could you send me a copy of your modified theme? It'll help me better see the changes you made.

[Talark-Systems]

How? It should be visible to you

[lilbud]

Whoops, forgot that I can download it.

A few things:
See if you can find a higher quality profile pic for the top corner, the current one is pretty low res.
Either change the arrow block back to svg, or make yours svg. as yours is rough looking.

[Talark-Systems]

Define... “rough?” I exported the svg as a 4K image or at least I thought I did...

Also: I completely forgot about the profile pic... will do!

[lilbud]

PNG scaling isn't the best in ES, so no matter the size of the png, it will naturally look rough when scaled. That is why I used vector for nearly every image that I could. It can scale to any resolution and look good. Screenshot attached, yours on top.

Also, loading an image that big might cause problems on lower powered devices like the earlier Pi's.

[Talark-Systems]

Could you explain why this is... that’s what I was trying to get rid off:

[lilbud]

Just checked, I defined the size for the arrow block in the main theme xml and in the 4_3 and 16_9 xml. Since the main theme xml takes precedence, the other ones aren't used.

I committed a change to the theme xml removing the and lines. Do the same to your fork.

[Talark-Systems]

Will do, thanks!

[Talark-Systems]

@lilbud try this theme: a beta version of this theme
Also, send me that profile pic please
Also, I realise that ports and setup icons are different, that is because I am using that theme for a project of mine

[lilbud]

[Talark-Systems]

Thanks, what do you think of the theme, it doesn't have a profile pic yet though...

[lilbud]

Looks good, but the metadata needs to be adjusted for the new font you used.

Compared to the old font

Also, It looks weird, the new font looks a bit "jaggy"

[Talark-Systems]

Umm... What do you mean by that? I'm not sure if that's theme-adjustable...
Also, define 'jaggy'

[lilbud]

Never mind, it was just the resolution.

The spacing still needs to be fixed, things like the date are too close to the text for date. same with the dev and genre

[Talark-Systems]

How would I fix that... also, do you have a tool to calculate the ES theme position of stuff
like 0.56 and 0.4 stuff

[lilbud]

I guess just adjust the x position of the metadata text. Not the metadata label, the metadata value itself. Which might need to be done on both the 4_3 and 16_9 xml.

Faster alternative would be to switch back to the Oxygen font.

There used to be a site for converting pixel values to the ES decimal values, I don't have the link. I'll see if I can find it

[lilbud]

Here is a program made by Rookervik. You can load an image (a mockup lets say) and find the percent values for positioning different components.

Downside, you have to use your mouse to find the values.

https://github.com/lilbud/es-theme-switch-new-files/blob/master/ES%20Theme%20Helper.exe

[Talark-Systems]

I do not quite understand why the Y value of text that has to be next to each other has to be different (genre, date, release, e.t.c)

[lilbud]

I do not quite understand why the Y value of text that has to be next to each other has to be different (genre, date, release, e.t.c)

I have no idea either, and I don't think I've ever gotten an answer on the forum.

Just line the text up so that the bottom of the text matches the label text

[Talark-Systems]

That did not work......................................

[lilbud]

Yeah, you might be able to ask on the forum and maybe have to file an issue on the ES github

[Talark-Systems]

Knowing that the last ES update was in 2016, I think the forums are going to be more helpful...

[lilbud]

Actually, ES has been getting updates pretty recently. Retropie has their own fork of ES which is actively worked on (Jools pushed a commit 2 days ago)
https://github.com/RetroPie/EmulationStation

[Talark-Systems]

And yet, there is still no touchscreen support... -_-

When will us retropiers be able to make a Nintendo Switch?

[Talark-Systems]

Do they actually look at feature requests...

Not one comment...

(I suppose it would be quite hard due to the way ES is made but the devs should still have plans for it...)

[lilbud]

Then make a post on the forum, as many of the devs are active there. They'll probably say to file an issue on github, but the post on the forum makes it so that everyone knows.

[Talark-Systems]

I already did

[Talark-Systems]

@lilbud This is the zoid theme:

And the y values for the metadata is the same...

[Talark-Systems]

Code in zoid theme:

<text name="md_lbl_rating">
			<pos>0.177 0.21</pos>
		</text>
		
		<text name="md_lbl_releasedate">
			<pos>0.177 0.25</pos>
		</text>
		
		<text name="md_lbl_developer">
			<pos>0.177 0.29</pos>
			<size>0.133 0.04</size>
		</text>

		<text name="md_lbl_publisher">
			<pos>0.177 0.33</pos>
			<size>0.133 0.04</size>
		</text>
		
		<text name="md_lbl_genre">
			<pos>0.177 0.37</pos>
		</text>
		
		<text name="md_lbl_players">
			<pos>0.177 0.41</pos>
		</text>

		<text name="md_lbl_lastplayed">
			<pos>0.177 0.45</pos>
		</text>

		<text name="md_lbl_playcount">
			<pos>0.177 0.49</pos>
		</text>
		
		<text name="md_playcount">
			<pos>0.31 0.49</pos>
		</text>

		<datetime name="md_lastplayed">
			<pos>0.31 0.45</pos>
		</datetime>
		
		<text name="md_players">
			<pos>0.31 0.41</pos>
		</text>
		
		<text name="md_genre">
			<pos>0.31 0.37</pos>
			<size>0.24 0.04</size>
		</text>

		<text name="md_publisher">
			<pos>0.31 0.33</pos>
			<size>0.24 0.04</size>
		</text>
		
		<text name="md_developer">
			<pos>0.31 0.29</pos>
			<size>0.24 0.04</size>
		</text>
		
		<datetime name="md_releasedate">
			<pos>0.31 0.25</pos>
		</datetime>

[Talark-Systems]

I borrowed some code from the Zoid theme:

<text name="md_lbl_rating, md_lbl_releasedate, md_lbl_developer, md_lbl_publisher, md_lbl_genre, md_lbl_players, md_lbl_lastplayed, md_lbl_playcount">
			<color>393a3b</color>
			<forceUppercase>1</forceUppercase>
			<fontPath>./art/OPENSANS-LIGHT.TTF</fontPath>
			<fontSize>0.03</fontSize>
			<size>0.12 0.04</size>
		</text>
		
		<text name="md_rating, md_developer, md_publisher, md_genre, md_players, md_playcount">
			<color>393a3b</color>
			<forceUppercase>1</forceUppercase>
			<fontPath>./art/OPENSANS-LIGHT.TTF</fontPath>
			<fontSize>0.03</fontSize>
			<size>0.14 0.04</size>
		</text>

(The size part)

And, it worked:

Which is wierd... but now, I only have to adjust the X value

[Talark-Systems]

How is this?

[Talark-Systems]

I have borrowed some code from the Zoid theme to fix the metadata and after some more optimisations, I beleive that all that is left to do is to add the user icon and fix the 4:3 metadata text:

Dark mode:

Light mode:

4:3 mode:

[lilbud]

I'd say make the icons a little smaller on both 4:3 and 16:9.

And also move the "released" metadata down a bit so it's centered in between the developer and genre text.
(I wasn't getting email notifications until now)

[Talark-Systems]

I have made some changes to this other repo, I am now working on the user icon and the mini-menu

[EDIT: I have updated the repo in this pull request to match the other one]