Attract-Mode Support Forum

Attract-Mode Support => Themes => Topic started by: Bgoulette on December 02, 2015, 09:48:39 AM

Title: "Traces" theme (1:1, 4:3, 16:9, and 16:9b variants!)
Post by: Bgoulette on December 02, 2015, 09:48:39 AM
Hello all,

Here's a pretty simple theme, really:

(http://i.imgur.com/8nBt9ybl.png) (http://imgur.com/8nBt9yb)

It certainly doesn't break any new ground, but within the layout options are a bunch of thingies that let you tweak color variants to match your cab, room, mood, whatever :)

Here are a few examples:

(http://i.imgur.com/o3KA57lm.png) (http://imgur.com/o3KA57l) (http://i.imgur.com/c4rmtWPm.png) (http://imgur.com/c4rmtWP)

(http://i.imgur.com/0rc4CSnm.png) (http://imgur.com/0rc4CSn) (http://i.imgur.com/zvGEiwXm.png) (http://imgur.com/zvGEiwX)

As you can see from the layout options shot above, you can also tweak the opacity of certain "fade" elements. Currently, when run on a non-square monitor (that is, pretty much all of them!), color-matched bars mask things off on the sides (or presumably top and bottom, though I don't have a horizontal setup to test against).

Thanks to liquid8d and omegaman for helping me get a better grasp of Squirrel and the conveyor module (though there's still a lot to learn!).

Anyway, here it is. Enjoy!

Edit: now includes a 16:9 version! Here are some screens:

(http://i.imgur.com/3FrZrFbl.png) (http://imgur.com/3FrZrFb)

(http://i.imgur.com/TDTIU5El.png) (http://imgur.com/TDTIU5E)

(http://i.imgur.com/WHC9HY3l.png) (http://imgur.com/WHC9HY3)

(http://i.imgur.com/7Rtd3v0l.png) (http://imgur.com/7Rtd3v0)

Edit 2: I added an alternate 16:9 variant that places the conveyor on the far side of the screen (as opposed to the bottom):

(http://i.imgur.com/lH1L3MAl.png) (http://imgur.com/lH1L3MA)

Edit 3: I just realized I forgot to include a module used in this theme! It's attached now (fill-artwork-bg.nut). Just place it in AM's modules folder. (This variant isn't as full-featured as the one liquid8d is developing, but it suffices for a barebones implementation. Also, it's not documented terribly well :()

Edit 4: I've done some more housekeeping and added a couple new options. Under the hood, this code...needs some help, but it's functional! (Still need to get a better handle on composition/inheritance with dynamically-typed languages, etc.!) Also, 16:10 aspect ratio:

(http://i.imgur.com/1rNj764l.png) (http://imgur.com/1rNj764)

Edit 5: Added options for different art for the carousel or background (currently only snap or flyer, but I'll probably add marquee soon):

(http://i.imgur.com/HZ8XWDgl.png) (http://imgur.com/HZ8XWDg)
Title: Re: Square theme (horiz/vert variants maybe later?) - "color chooser"
Post by: omegaman on December 02, 2015, 10:36:44 AM
Good Job !  :)

Fresh Idea, I like it.
Title: Re: Square theme (horiz/vert variants maybe later?) - "color chooser"
Post by: omegaman on December 02, 2015, 10:44:43 AM
Bump...  :)

Because you deserve it.
Title: Re: Square theme (horiz/vert variants maybe later?) - "color chooser"
Post by: akafox on December 02, 2015, 11:00:06 AM
Awesome job! :) It looks great!
Title: Re: Square theme (horiz/vert variants maybe later?) - "color chooser"
Post by: ulihox on December 02, 2015, 12:02:54 PM
It looks really good!! It would fantastic a 1920x1080 version.
Title: Re: Square theme (horiz/vert variants maybe later?) - "color chooser"
Post by: Bgoulette on December 02, 2015, 04:55:59 PM
It looks really good!! It would fantastic a 1920x1080 version.

You're in luck! :) Now you can switch between 1:1 and 16:9 in the layout options. I'll add 4:3 later. I updated the rar file attached in the first post (and added some additional screen shots), so grab it from there and give it a test drive!
Title: Re: Square theme (1:1, 16:9, and 16:9b variants!) "color chooser"
Post by: Bgoulette on December 03, 2015, 08:07:31 AM
Updated the attachment to include another 16:9 variant with the thumbnails on the far right versus along the bottom (both are still available within the theme):

(http://i.imgur.com/lH1L3MAl.png) (http://imgur.com/lH1L3MA)

Edit: Okay, after this, I'll leave it along until I've done the 4:3 version! :)

(http://i.imgur.com/OZmj80ml.png) (http://imgur.com/OZmj80m)
Title: Re: Square theme (horiz/vert variants maybe later?) - "color chooser"
Post by: ulihox on December 03, 2015, 10:50:26 AM
You're in luck! :) Now you can switch between 1:1 and 16:9 in the layout options. I'll add 4:3 later. I updated the rar file attached in the first post (and added some additional screen shots), so grab it from there and give it a test drive!

Good work!! Thank you!!
Title: Re: Square theme (1:1, 16:9, and 16:9b variants!) "color chooser"
Post by: Bgoulette on December 04, 2015, 07:32:32 AM
I lied about not messing around... :(

...but it's because I realized I left out a file -- a module -- that needs to be placed in the attract mode/modules/ folder. Included in the OP (as well as an updated rar).
Title: Re: Square theme (1:1, 16:9, and 16:9b variants!) "color chooser"
Post by: Bgoulette on December 04, 2015, 09:45:22 AM
And now there's a 4:3 version! That should wrap it up for now. Unless I delve into vertical versions at some later date, though it might be better to have two versions. Anyway, link in OP has been updated!

(http://i.imgur.com/DVZV2Nvl.png) (http://imgur.com/DVZV2Nv)
Title: Re: "Traces" theme (1:1, 4:3, 16:9, and 16:9b variants!)
Post by: kent79 on December 04, 2015, 04:27:19 PM
Great Job, I try it, but not working. The video snap can't show. Please fix it. Thanks. 
Title: Re: "Traces" theme (1:1, 4:3, 16:9, and 16:9b variants!)
Post by: Bgoulette on December 04, 2015, 04:53:25 PM
Glad you like the look of it. Sorry it's not working. If you haven't already, be sure to copy the "fill-artwork-bg.nut" file from the archive into your attract mode modules folder.

The videos are just in the snap folder: assuming you've created your own or downloaded them from emu movies, just copy the relevant videos into the snap folder for a particular rom and they should show up. For example, I'd get the file "galaga.mp4" from emu movies and copy it into my mame/snap/galaga folder. Then it should show up just fine. Of course, if you've specified a different snap path in attract mode, you'd put the videos in that folder! Hope that helps! :-)
Title: Re: "Traces" theme (1:1, 4:3, 16:9, and 16:9b variants!)
Post by: jedione on December 04, 2015, 07:33:09 PM
this is what i needed for my cab,,thank you sir!    great job
Title: Re: "Traces" theme (1:1, 4:3, 16:9, and 16:9b variants!)
Post by: kent79 on December 04, 2015, 08:32:19 PM
Glad you like the look of it. Sorry it's not working. If you haven't already, be sure to copy the "fill-artwork-bg.nut" file from the archive into your attract mode modules folder.

The videos are just in the snap folder: assuming you've created your own or downloaded them from emu movies, just copy the relevant videos into the snap folder for a particular rom and they should show up. For example, I'd get the file "galaga.mp4" from emu movies and copy it into my mame/snap/galaga folder. Then it should show up just fine. Of course, if you've specified a different snap path in attract mode, you'd put the videos in that folder! Hope that helps! :-)


I don't know why it can't show the snap at bottom area.   :-[

(https://fbcdn-sphotos-e-a.akamaihd.net/hphotos-ak-xfa1/v/t1.0-9/12299186_10153319632496801_6161670272545197584_n.jpg?oh=cd2de5640f39c9645dadd03dd592740c&oe=56E61BCE&__gda__=1457630755_f49da9e784ad76846c79517b1b0f5a91)
Title: Re: "Traces" theme (1:1, 4:3, 16:9, and 16:9b variants!)
Post by: Bgoulette on December 04, 2015, 09:01:43 PM
Do you have only video snaps in there? I turned off the video portion in the conveyor because it was annoying to me :) That said, I can change it, or if you're handy with a text editor, you can change it. Just look for this line in the layout.nut:

Code: [Select]
// Create snap (image only) to go behind everything
local snap_bg=FillArtwork("snap", w_offset, h_offset, max_width, max_height, ::fe, Vid.ImagesOnly|Vid.NoAudio);

and change Vid.ImagesOnly|Vid.NoAudio to Vid.Default. Then, in the art_strip_classes.nut, look for this:

Code: [Select]
base.constructor(FillArtwork(artname, 0, 0, THUMB_WIDTH, THUMB_HEIGHT, ::fe, Vid.ImagesOnly));

and change Vid.ImagesOnly to either Vid.Default or, if you don't want everything playing at once, to Vid.NoAudio, and that should get things working. I'll update the layout with a new option, but for now, that should get you going. Let me know if it works! (or not!)

Title: Re: "Traces" theme (1:1, 4:3, 16:9, and 16:9b variants!)
Post by: Bgoulette on December 04, 2015, 09:23:46 PM
Edit: Ignore my previous post: there's more tightly coupled dependency than there should be, but I've rewritten those dependencies to work properly. Someday, I should really abstract some of the logic more cleanly... Someday...  ;)

Okay, I added a couple of new options in the layout options section: you can now allow videos for the background, the carousel (conveyor), both, or neither:

(http://i.imgur.com/8nBt9ybm.png) (http://imgur.com/8nBt9yb)

I shouldn't have assumed that not everyone wouldn't want videos in the conveyor or background!  :-[

Also, I added a 16:10 aspect ratio, just because. Archive attached here, and I'll reattach to OP, too.

Title: Re: "Traces" theme (1:1, 4:3, 16:9, and 16:9b variants!)
Post by: kent79 on December 04, 2015, 10:59:31 PM
Edit: Ignore my previous post: there's more tightly coupled dependency than there should be, but I've rewritten those dependencies to work properly. Someday, I should really abstract some of the logic more cleanly... Someday...  ;)

Okay, I added a couple of new options in the layout options section: you can now allow videos for the background, the carousel (conveyor), both, or neither:

(http://i.imgur.com/8nBt9ybm.png) (http://imgur.com/8nBt9yb)

I shouldn't have assumed that not everyone wouldn't want videos in the conveyor or background!  :-[

Also, I added a 16:10 aspect ratio, just because. Archive attached here, and I'll reattach to OP, too.

It work fines. Thanks. Some advise, could you add an option of selection videos or flyer for snap area on bottom.
Title: Re: "Traces" theme (1:1, 4:3, 16:9, and 16:9b variants!)
Post by: Bgoulette on December 05, 2015, 09:21:52 AM
It work fines. Thanks. Some advise, could you add an option of selection videos or flyer for snap area on bottom.

Glad that did the trick! Also, per your advice, I added the option(s) to use flyer art for the conveyor (carousel) thumbnails or background. I could potentially see using marquee art there, too, and maybe I'll toss that in as one of the choices, just in case, but until then, I'm updating the OP with the modified rar.

(http://i.imgur.com/HZ8XWDgl.png) (http://imgur.com/HZ8XWDg)
Title: Re: "Traces" theme (1:1, 4:3, 16:9, and 16:9b variants!)
Post by: kent79 on December 05, 2015, 03:48:53 PM
Actually, the performance of layout is very low, it is running not smoothly. I don't know the root cause. You may try to find out and fix it. Many Thanks.
Title: Re: "Traces" theme (1:1, 4:3, 16:9, and 16:9b variants!)
Post by: Bgoulette on December 05, 2015, 05:25:02 PM
Actually, the performance of layout is very low, it is running not smoothly. I don't know the root cause. You may try to find out and fix it. Many Thanks.

Hmm, runs reasonably well on my machine, but I do notice it's slower than some other themes. I'll bet a big part of that is the rather large images I'm using and overlaying on top of everything else :( I have some ideas to minimize that impact, but it'll take some slicing and dicing and reworking some of the image positioning code. Not hard, just time consuming. Sounds worth giving it a shot though. I'll post once I've worked it out.
Title: Re: "Traces" theme (1:1, 4:3, 16:9, and 16:9b variants!)
Post by: liquid8d on December 08, 2015, 07:33:05 PM
Looks great, nice job!