SNES mini theme

[ruckage]

@mattmanforever said in SNES mini theme:

Looking good! I think your backgrounds look better than the SNES Classic's backgrounds.

Thanks :)

@sergioad said in SNES mini theme:

Could you add a white variant of your colorfull background

Sure, there will be lots of options to choose from.

@cyperghost said in SNES mini theme:

@ruckage
I setted framebuffer to 480x270 and used 1920x1080 layout.
That don't look good. All rom texts are outframed. I got more luck with 320x240 the ROM texts are just one or two characters outside the boxes (see from left)

I think you're going to have to show me some photos of the problem, without seeing it it's almost impossible for me to work out what could be wrong. Something can't be right as at that resolution it should display perfectly.

[ruckage]

I've made a bit more progress. The theme was a bit laggy on the pi due to all the layers so I've optimised it and it's running smoothly again (on a raspberry 3 at least).

I've also added the controller icons for the number of players on the game select screen - these will actually change to reflect how many players the selected game supports. If you look at the screenshots below you can see a 1 player game and a 2 player game - notice the icon is different for each (lets see if you can figure out how I've done it ;) ).

[lilbud]

@ruckage said in SNES mini theme:

lets see if you can figure out how I've done it

MUMBO MAGIC?!?!?

[ruckage]

@lilbud said in SNES mini theme:

MUMBO MAGIC?!?!?

(」゜ロ゜)」 How did you guess....

[lilbud]

@ruckage You did the same thing in your Neo Geo X theme you made a while back.

Plus I saw the opportunity for a stupid gaming related reference and ran with it.

[ruckage]

@lilbud
Not quite. Look at the icons again - how could I have done it using the same technique I used for the neogeo as that would only allow 1 solid colour.

[lilbud]

@ruckage said in SNES mini theme:

how could I have done it using the same technique I used for the neogeo as that would only allow 1 solid colour

Look, I already called out your witchcraft in a post above, just tell.

[ruckage]

@lilbud said in SNES mini theme:

Look, I already called out your witchcraft in a post above, just tell.

Nah, not yet. You give up too easily :p

[greekmanx]

i really like the design and colors of this theme I thought Nes-Mini was awesome and you one uped yourself man good job now I just wanna see the us version preview and I will be happy no rush just excited

[lilbud]

@ruckage

<text name = "md_lbl_players">
      <path>./../assets/player_1.png</path
</text>

[ruckage]

@lilbud
No, wouldn't work - try again ;). Firstly that's for a label - it wouldn't change based on the metadata. Secondly you can only use text for labels as far as i'm aware (hence the text tag).

[lilbud]

@ruckage said in SNES mini theme:

No, wouldn't work - try again

nO, wOuLdN't WoRk - TrY aGaIn

[ruckage]

@greekmanx said in SNES mini theme:

i really like the design and colors of this theme I thought Nes-Mini was awesome and you one uped yourself man good job now I just wanna see the us version preview and I will be happy no rush just excited

Thanks. The US version will be coming soon, i've already drawn the borders. It will actually all be the same theme, there will an option file so it can be switched between the different versions, colours, etc.

[greekmanx]

sweet thanks ruckage and I am excited to install this on my pi your nes mini is one of the few new themes that is super smooth with no lag on the pi and I hope this is the same. Also are you working on collections for this theme to at least my collections not individual ones so much a my collections menu like some themes I mean

[mattrixk]

@ruckage This looks really cool. I have to be honest, I'm most intrigued by how you've created the console artwork in the backgrounds. Did you take existing photos of the consoles and then run them through some filters (in photoshop or whatever)? Or did you actually draw each console individually?

I tried doing it the first way for my Indent theme, but couldn't get it to look how I wanted, so I ended up doing it the second way. It took a long time and I wasn't fully satisfied with the outcome.

[jdrassa]

@ruckage Is it a a custom font that is black that is overlaying/hiding portions of an underlying image? For some reason the 1p image isn't loading for me so I can't really compare them.

[adu]

Trully gorgeous, can't wait to use it !!!
Do you plan to do others systems, like Atari ST/Amiga please ? :)

[ruckage]

@jdrassa said in SNES mini theme:

@ruckage Is it a a custom font that is black that is overlaying/hiding portions of an underlying image? For some reason the 1p image isn't loading for me so I can't really compare them.

You're so close with your guess :) .

So it's kind of the reverse of what you said.
The reason for having the font at the back is that when you scroll through the gamelist quickly metadata isn't drawn to the screen. If I did it with a font on top obscuring an image below then the icon image would be completely revealed when fast scrolling ruining the effect.
With the font behind, the icons just disappear when fast scrolling.

The downside of having the font behind is that you can't have full colour icons, just different shades of the same colour.

@jdrassa On a related note I've noticed some inconsistencies between the windows version of ES and the Pi version. Obviously placement with this technique is critical but for some reason the font is drawn in a slightly different Y position on each platform - the Pi draws the font around 8 pixel lower than the Windows version despite the coordinates being identical.

My guess is that it's probably caused by the font I've made as I haven't noticed it when using standard fonts but I can't think why it would behave differently on each platform as the code is the same isn't it?

[ruckage]

@mattrixk said in SNES mini theme:

@ruckage This looks really cool. I have to be honest, I'm most intrigued by how you've created the console artwork in the backgrounds. Did you take existing photos of the consoles and then run them through some filters (in photoshop or whatever)? Or did you actually draw each console individually?

I tried doing it the first way for my Indent theme, but couldn't get it to look how I wanted, so I ended up doing it the second way. It took a long time and I wasn't fully satisfied with the outcome.

Your console images look great - must have taken ages. I hadn't seen that theme before otherwise I would have been very tempted to steal you images ;) - you did a great job. What software did you use to draw them?

Mine are made using filters in photoshop with some editing to get the effect right - it took a lot of trial and error. I did consider drawing them myself but thought I'd see what I could achieve using filters and I was happy with the result.

The main filter I used was the 'glowing edges' filter, you need high resolution images without heavy shadows for best effect and any shadows under the consoles need to be edited out before using the filter. The results can be a bit noisy so I then used surface blur and levels adjustments to clean up some of the unwanted detail.

The results aren't perfect and it works better on some images than others but I think they work perfectly for the tron effect I was after. The final images have a glow effect added and are downscaled to make them pixelated for this theme.
I have high res versions of all the backgrounds though as it occurred to me that an actual Tron theme would be rather cool to make in the future.

Here's a before and after picture of the wonderswan - I like how you can still tell that the console shell was transparent in this one - almost looks like an xray.

For your theme I think you made the best choice to draw the consoles by hand - I don't think the results from my technique are clean enough for the results you were after.

[jdrassa]

@ruckage I am away from my main computer, but I will take a look at the font placement under windows when I get back. While the code is the same, its possible there is platform specific logic in the font library that ES uses.