MatteCleanHD (WIP) Preview

[asahendrix]

Hello all!

I've been hopelessly working on a Display layout. I have a ways to go before I cross the finish line and I've poured hours into Photoshop. But I thought I'd show you all where I'm at!

I'm really not proficient in code - I mostly use burrowed code from others. Below, I have some issues that I was hoping someone(s) could help me with while I try to get this layout off of the ground.

When using layout for multiple systems, whatever background I change it to changes the background for all the systems. How do I fix this?

I want to have multiple animations, but I can't figure out how to get the animations to work with anything but the flyer. This is because I used dmmarti's animation code for his/her WIP layout. I literally went through layouts until I found one with the animation closest to what I was looking for.
- I want to have animation for the system info on the right.
- I would like to have the boxart come in from the bottom of the screen
- I am not able to apply preserve_aspect_ratio to even the flyer animations. I would like this for everything on here.

Any one want to lend a hand?

[jedione]

"When using layout for multiple systems, whatever background I change it to changes the background for all the systems. How do I fix this?"

here is how one can do that.

   #set screen
local flx = fe.layout.width;

local fly = fe.layout.height;

local flw = fe.layout.width;

local flh = fe.layout.height;




   # put your background images, in a folder named "system-bg" in theme folder

local bg-snap = fe.add_image( "system-bg/[DisplayName]", 0, 0, flw, flh);

   # in the folder name the background pic's same as "displayname".   
   # ie: sens.png   ,,  sega.jpg ,, ext...

 

[Yaron2019]

This layout concept is beautiful

[jedione]

how can it be that, the guy playing the game,  is holding a
 snes controler,
 while playing, sega strider
 with sonic cartridge is in the gennisis condole..
 just saying

[asahendrix]

This layout concept is beautiful

Thank you Yaron! You're an inspiration!

[asahendrix]

how can it be that, the guy playing the game,  is holding a
 snes controler,
 while playing, sega strider
 with sonic cartridge is in the gennisis condole..
 just saying

Haha you bring up a fair point! To that end I had actually thought the same thing and decided to switch the middle image with each selected console. See below.

Also, thank you with the help on switch the backgrounds images - I truly appreciate it.

Could anyone help with the animation code? I'm trying to
-have a text box image come in from the right
-get the box art to come in from the bottom
-have the box in the top left corner and the box in the bottom left corner come in from above and below, respectively.
-lastly, have the colored backdrop of the selected game come in from the left.

This might be a tad much, so if I'm able to get the code for the animations I may pull back on some.

I'm a baby coder in desperate need of help - thank you so much for any and all help!

Also, for what it's worth I will give credit to the artist of each image, to the author of any code that I use, as well as anyone who can help me.

[asahendrix]

Handhelds:

[asahendrix]

Text box examples:

[jedione]

ya i have a nice surface slide in that my be perfect for your text....

going to xmas party... send it some time tomorrow...

[asahendrix]

ya i have a nice surface slide in that my be perfect for your text....

going to xmas party... send it some time tomorrow...

Thank you so much! I look forward to it with eager anticipation! 🙂

[jedione]

sent pm..

[asahendrix]

Hello all!

Quick update: I’ve been on photoshop creating all the individual background images for the systems that I have (I believe the standard systems that come with attract mode/retropie) which is around 30 total.

Additionally, I’ve created an image for each system that acts as the selector and I’m in the process of creating the text box info for each system - I believe I have 11 left to do.

After that, it’s on to the coding side which is my weakness. I’ve been using a different layout and then just plugging my own ideas into that pre-made layout. I’ve commenting out a lot of components that I don’t want to use. As you know/can imagine, there is a lot of unnecessary code - about to the point where I’m thinking of just trying to code this from scratch, using the code that I need and thus cleaning up the layout file.

This will, at first, be a Systems layout.

Once I have a clean layout file, I’m going to plot the animations, plot the snaps (for almost 30 different images) and attempt to manipulate the code into:
-changing the background for each selected system
-changing the text box for each system
-changing the selector image for each system
-using animations for the text box, selector, and system wheel in the top right corner.
-using metadata for each system to populate a synopsis for each selected system inside the half opacity rectangle at the bottom of the art image in the middle.

For a non-Systems layout, I’d like to have metadata for each game populate the text box and a synopsis of the game populate in the half opacity block at the bottom of the art image in the middle. I realized after the fact that I probably could have just used metadata to populate the system info box rather than manually adding all this info myself, but I don’t know much about integrating metadata anyway so that’s another hurdle.

I’m going to (eventually) put a clock in the bottom right corner and (if I can figure out how) add the temperature of the Pi next to the clock.

I’m desperately sorry that I don’t have any videos yet. I mainly wanted to give whoever was interested a detailed update as I’m starting a semester of school tomorrow. I wanted to finish this over Christmas break and I’m super bummed that I wasn’t able to. It feels like I’m trying to sneeze and can’t lol

Please feel free to critique as you feel necessary and I’m also open to advise and/or help. To be continued! 

[rand0m]

Awesome design asahendrix, really like the plain style of images.

[takoni]

VERY VERY GREAT WORK MAN!!!!!!!!!!

[toothlessgrinn]

BRILLIANT!!! really love the 2600 one! nice work!!