Attract-Mode Support Forum

Attract-Mode Support => Themes => Topic started by: asahendrix on December 15, 2019, 01:53:12 AM

Title: MatteCleanHD (WIP) Preview
Post by: asahendrix on December 15, 2019, 01:53:12 AM
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?

Title: Re: MatteCleanHD (WIP) Preview
Post by: jedione on December 15, 2019, 03:14:28 PM
"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...

 :)





Title: Re: MatteCleanHD (WIP) Preview
Post by: Yaron2019 on December 17, 2019, 11:02:53 AM
This layout concept is beautiful
Title: Re: MatteCleanHD (WIP) Preview
Post by: jedione on December 17, 2019, 02:43:30 PM
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 ;D
Title: Re: MatteCleanHD (WIP) Preview
Post by: asahendrix on December 17, 2019, 04:15:00 PM
This layout concept is beautiful

Thank you Yaron! You're an inspiration!
Title: Re: MatteCleanHD (WIP) Preview
Post by: asahendrix on December 17, 2019, 04:27:59 PM
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 ;D

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. :)
Title: Re: MatteCleanHD (WIP) Preview
Post by: asahendrix on December 17, 2019, 04:28:51 PM
Handhelds:

Title: Re: MatteCleanHD (WIP) Preview
Post by: asahendrix on December 17, 2019, 04:32:27 PM
Text box examples:

Title: Re: MatteCleanHD (WIP) Preview
Post by: jedione on December 17, 2019, 06:29:48 PM
ya i have a nice surface slide in that my be perfect for your text....

going to xmas party... send it some time tomorrow...
Title: Re: MatteCleanHD (WIP) Preview
Post by: asahendrix on December 18, 2019, 03:46:20 PM
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! 🙂
Title: Re: MatteCleanHD (WIP) Preview
Post by: jedione on December 18, 2019, 05:18:37 PM
sent pm..
Title: Re: MatteCleanHD (WIP) Preview
Post by: asahendrix on January 12, 2020, 07:02:06 PM
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!  :)

Title: Re: MatteCleanHD (WIP) Preview
Post by: rand0m on January 13, 2020, 12:02:49 AM
Awesome design asahendrix, really like the plain style of images.
Title: Re: MatteCleanHD (WIP) Preview
Post by: takoni on January 16, 2020, 02:44:30 AM
VERY VERY GREAT WORK MAN!!!!!!!!!!
Title: Re: MatteCleanHD (WIP) Preview
Post by: toothlessgrinn on January 16, 2020, 01:14:31 PM
BRILLIANT!!! really love the 2600 one! nice work!!
Title: Re: MatteCleanHD (WIP) Preview
Post by: asahendrix on January 17, 2020, 09:20:27 PM
VERY VERY GREAT WORK MAN!!!!!!!!!!

Thank you takoni! I am a student of yours!!
Title: Re: MatteCleanHD (WIP) Preview
Post by: asahendrix on January 17, 2020, 09:23:01 PM
BRILLIANT!!! really love the 2600 one! nice work!!

Thank you for the kind words! The middle artworks that are used are not mine, but they can be viewed and downloaded freely at artstation.com - making progress!
Title: Re: MatteCleanHD (WIP) Preview
Post by: asahendrix on January 17, 2020, 09:30:02 PM
A quick update with a video!

I have the animations working and the images properly integrated. I’m stuck on an issue with the wheels so that’s why they can’t be seen in the video.

I’m going to have to plot the video snaps for every single image and then try and figure out some sort of “if” statement to use. Any help with that would be greatly appreciated...

https://youtu.be/FzrLq7a0ObM
Title: Re: MatteCleanHD (WIP) Preview
Post by: jedione on January 18, 2020, 06:40:07 PM
it look as though,  the video is suposed to be placed in piticluler spot for each system,  that might not be hapining..

could be fixed..    great photoshop... for the systems

Title: Re: MatteCleanHD (WIP) Preview
Post by: asahendrix on January 18, 2020, 08:37:03 PM
it look as though,  the video is suposed to be placed in piticluler spot for each system,  that might not be hapining..

could be fixed..    great photoshop... for the systems

That’s exactly what I’m trying to do. It would be a long script but I think it would start with something like:

if([selection] = Atari 2600
   local snap...flh*0.234, flw*0.567...
if([selection] = Super Nintendo
   local snap...flh*0.891, flw*0.123...
...

I’m not good enough at coding to know the exact script needed but I think it would be something similar...
Title: Re: MatteCleanHD (WIP) Preview
Post by: toothlessgrinn on January 19, 2020, 07:00:46 PM
your getting there... keep up the good work
Title: Re: MatteCleanHD (WIP) Preview
Post by: asahendrix on January 24, 2020, 08:19:43 PM
Thanks to jedione the layout is coming along fabulously!

We’re in the process of getting the video to move positions with each selection. After that, and some touch ups, this will be released! This is fortunate because I already have some big ideas for another layout  8)