Attract-Mode Support Forum

Attract-Mode Support => Themes => Topic started by: ArcadeBliss on March 21, 2016, 02:59:18 AM

Title: ArcadeBliss - Info Overload Edition
Post by: ArcadeBliss on March 21, 2016, 02:59:18 AM
Now that this is nearly complete, I figured I would change the first post for new comers.

This theme is used in a bartop cab that has 4 admin buttons: menu, select, exit/quit, and pause. The motivation for this theme was to show as much information as possible when chosing a game while keeping a good clead design and ensuring ease of use for guest unfamiliar with navigating emulator front-ends.

Introducing ArcadeBliss - Info Overload Edition
Video: https://youtu.be/imPfq14dC4M (https://youtu.be/imPfq14dC4M)

Features:

Directions
- In order for the ESRB Ratings to work, you will need to have tagged your roms with specific tags. The tag files included in the tag zip. If you use them, add the files in the "./romlists/mame/" folder.
- I have included my menu plugin setup in the file "Attractmode Control Menu.zip"
- If you are upgrading from a previous version, you will need to change the game list count in the layout options

Thanks to:
- Plex for the theme idea
- kent79 for the clock code and the idea regarding player count and times played.
- omegaman for the sliding tvs idea

Things left to do:

[attachment deleted by admin]

https://github.com/ArcadeBliss/AttractMode-Themes
Title: Re: New Theme - ArcadeBliss
Post by: chrisvg on March 21, 2016, 06:44:53 AM
Good work, looks like it's coming along nicely!
Title: Re: New Theme - ArcadeBliss
Post by: omegaman on March 21, 2016, 07:21:50 AM
Arcade-

I did something similar with 3 TVs, but this is much nicer. This is very cool. You did the scrolling arcades too, right?
Title: Re: New Theme - ArcadeBliss
Post by: ArcadeBliss on March 21, 2016, 07:31:34 AM
Arcade-

I did something similar with 3 TVs, but this is much nicer. This is very cool. You did the scrolling arcades too, right?

Yes that was me but I got veeeerrrrryyyyy frustrated regarding the skew, pinch, and scale combination not working. After I stopped searching for a shader algorithm to patch (fix) Attractmode's handling of skew and pinch, I decided to make the TVs straight on. After that, the theme was a little boring and needed sprucing up - hence the new theme.
Title: Re: New Theme - ArcadeBliss
Post by: bionictoothpick on March 21, 2016, 06:06:14 PM
This looks professional...I'm anxious to see the code for multiple line text (and its source).
Title: Re: New Theme - ArcadeBliss
Post by: empardopo on March 22, 2016, 03:24:07 AM
It looks very cool!
Title: Re: New Theme - ArcadeBliss
Post by: philby85 on March 22, 2016, 02:34:21 PM
Great stuff !
Title: Re: New Theme - ArcadeBliss
Post by: bundangdon on March 22, 2016, 05:58:15 PM
I like it, a lot! ;D
Title: Re: New Theme - ArcadeBliss
Post by: empardopo on March 23, 2016, 09:11:40 AM
I hope you finish the theme very soon...  :P
Title: Re: New Theme - ArcadeBliss
Post by: DudeRegular on March 23, 2016, 05:27:38 PM
Looking good!
Title: Re: New Theme - ArcadeBliss
Post by: ArcadeBliss on March 24, 2016, 01:56:23 AM
Updated the first post with current state, new video, and the layout as a zip file. Im having a problem with the favorites indicator (shown as a star on the tv set).

It does not show reliably when moving through the conveyour. If anyone can help, I would be most appreciative.

Enjoy...
Title: Re: New Theme - ArcadeBliss
Post by: kent79 on March 24, 2016, 02:13:50 AM
Updated the first post with current state, new video, and the layout as a zip file. Im having a problem with the favorites indicator (shown as a star on the tv set).

It does not show reliably when moving through the conveyour. If anyone can help, I would be most appreciative.

Enjoy...

It looks so nice. I will test it tonight. Thanks.  :)
Title: Re: New Theme - ArcadeBliss
Post by: empardopo on March 24, 2016, 03:05:00 AM
I am going to take a look to your theme. Thanks for sharing!
Title: Re: New Theme - ArcadeBliss
Post by: bionictoothpick on March 24, 2016, 03:56:32 AM
Thanks for sharing your theme.

You've commented your code well, which is a huge bonus because I use a vertical screen the majority of the time.
Title: Re: New Theme - ArcadeBliss
Post by: ArcadeBliss on March 24, 2016, 04:17:29 AM
Fixed the link to the YouTube video
Title: Re: New Theme - ArcadeBliss
Post by: kent79 on March 24, 2016, 04:24:02 AM
I can't change game while press up or down button from keyboard in this layout. Do you know why?   :'(
Title: Re: New Theme - ArcadeBliss
Post by: empardopo on March 24, 2016, 05:15:54 AM
I can't change game while press up or down button from keyboard in this layout. Do you know why?   :'(

I thought the problem was the path to my history.dat but I've changed the path and I get the same.
Title: Re: New Theme - ArcadeBliss
Post by: bundangdon on March 24, 2016, 05:31:07 AM
I can't change game while press up or down button from keyboard in this layout. Do you know why?   :'(

Having the same issue here too :P
Title: Re: New Theme - ArcadeBliss
Post by: ArcadeBliss on March 24, 2016, 08:01:02 AM
I can't change game while press up or down button from keyboard in this layout. Do you know why?   :'(
Yes I know,  because in the layout,  I change up and down to scroll the history. Dat text.  Left and right will move the conveyor.  I can add this as a toggle option in the layout to ensure discoverability is better.
Title: Re: New Theme - ArcadeBliss
Post by: omegaman on March 24, 2016, 12:06:40 PM
Some tweaks that I made to the art transitions, scrolling is somewhat faster and smoother. Info below if anyone want to try it out. 

Changed line at (150) from 150 to 50
const SPIN_MS = 50; // conveyour spin speed

Add transitions to the following lines:

//constructor()
//Add at line(241)
s.trigger = Transition.EndNavigation;


//background
//add at line 431)
background.trigger = Transition.EndNavigation;

//flyer art
//add at line (488)
fylerart.trigger = Transition.EndNavigation;


//wheel art
//add at line (601)
wheelart.trigger = Transition.EndNavigation;
601
Title: Re: New Theme - ArcadeBliss
Post by: ArcadeBliss on March 24, 2016, 01:32:26 PM
I uploaded a new version with the following changes:


Thanks everyone for your feedback! Let me know if you would like to see other changes
Title: Re: New Theme - ArcadeBliss
Post by: omegaman on March 24, 2016, 03:02:39 PM
I'm really digging it. :)
Title: Re: New Theme - ArcadeBliss
Post by: kent79 on March 24, 2016, 05:40:54 PM
I have download history.dat and setup the path. But still not working.  How to setup?  :'(
Title: Re: New Theme - ArcadeBliss
Post by: ArcadeBliss on March 24, 2016, 09:32:46 PM
I have download history.dat and setup the path. But still not working.  How to setup?  :'(

did you set up the history.dat plugin and generate the index?
Title: Re: New Theme - ArcadeBliss
Post by: ArcadeBliss on March 25, 2016, 01:45:43 AM
Added more ToDos to the first post.

The custom menu overlay will be my next step.. I hate the way the current menus rip you out of the experience.

Also I was asked how I implemented the moving rows for the game text. Here a an example that will work with any text object. I took the idea from the history.dat plugin.

First you need to setup a text object with text. It does not matter how much text is in the object

Code: [Select]
local history =fe.add_text("", 442,188,810,290)
history.charsize = 18;
history.align = Align.Left;
history.word_wrap = true;
history.msg = "XXXXXXXXXXX PUT YOUR TEXT HERE XXXXXXXXXX";

Next I created a tick callback to scroll the text up or down in the text box

Code: [Select]
function historynav( tick_time )
{

if (fe.get_input_state("XXXXXXXXXX   PUT YOUR UP KEY HERE XXXXXXXXXXXXXX")==true)
{
                history.first_line_hint--;
}
if (fe.get_input_state("XXXXXXXXXX   PUT YOUR DOWN KEY HERE XXXXXXXXXXXXXX")==true)
{
history.first_line_hint++;
}
}
fe.add_ticks_callback("historynav");




Title: Re: New Theme - ArcadeBliss
Post by: bundangdon on March 25, 2016, 06:57:40 AM
Working great for me! :)
Title: Re: New Theme - ArcadeBliss
Post by: kent79 on March 25, 2016, 06:23:43 PM
I have download history.dat and setup the path. But still not working.  How to setup?  :'(

did you set up the history.dat plugin and generate the index?

It is ok. Thank you  :)
Title: Re: New Theme - ArcadeBliss
Post by: ArcadeBliss on March 26, 2016, 04:15:18 PM
Title: Re: New Theme - ArcadeBliss
Post by: chrisvg on March 26, 2016, 04:41:05 PM
Great work on the menu overlay!
Title: Re: New Theme - ArcadeBliss
Post by: bundangdon on March 26, 2016, 07:49:53 PM
This is a beautiful and professional-looking theme :) However, for me it would be great if there was an option to scroll through the box-art (consoles) or flyers (arcade) instead of videos, and have a video/screenshot on the top left (instead of the flyer or box). I was playing with this layout and after a while my eyes were getting exhausted from all the movement on the screen, caused by multiple videos running at one time. But maybe that's just me? ::)
Title: Re: New Theme - ArcadeBliss
Post by: ArcadeBliss on March 27, 2016, 04:59:19 AM
This is a beautiful and professional-looking theme :) However, for me it would be great if there was an option to scroll through the box-art (consoles) or flyers (arcade) instead of videos, and have a video/screenshot on the top left (instead of the flyer or box). I was playing with this layout and after a while my eyes were getting exhausted from all the movement on the screen, caused by multiple videos running at one time. But maybe that's just me? ::)

There's an easy solution,  look at attractmode less and play more games  ;)

All joking aside, there's a quick way that I can make this possible.  With my next update I will make it an option and you let me know if it's what you had in mind.
Title: Re: New Theme - ArcadeBliss
Post by: bundangdon on March 27, 2016, 06:38:07 AM
Very true  ;D having said that, look forward to your next update and that would be great if you added that option in there!
Title: Re: New Theme - ArcadeBliss
Post by: ArcadeBliss on March 28, 2016, 09:01:21 PM
Ok the new update and the changes. The new layout has been updated in first post


@bundangdon

because I do not have console art, just add the label to the list of artworks in the layout, and it will be available in the layout. If that is above your skill level, just let me know the label "foldername" where the console artwork is stored on your system.

Cheers,
AB
Title: Re: New Theme - ArcadeBliss
Post by: bundangdon on March 29, 2016, 06:15:03 AM
Great update! What I was trying to accomplish was something like this. (see the photo below) I basically figured out how to do it, although the size of the video and the distance between each box art could use some improvement. Other than that, this is an excellent theme!
Title: Re: New Theme - ArcadeBliss
Post by: ArcadeBliss on March 29, 2016, 11:10:53 AM
Great update! What I was trying to accomplish was something like this. (see the photo below) I basically figured out how to do it, although the size of the video and the distance between each box art could use some improvement. Other than that, this is an excellent theme!

To change the spacing below,  go into the layout options and Chang the wheel count to a higher number.  Because wheel art is not really a thing for consoles,  I can add layout options to disable certain artwork altogether.
Title: Re: New Theme - ArcadeBliss
Post by: bundangdon on March 30, 2016, 07:44:20 AM
Wow, that was easier than I thought ;D Thank you very much again and keep up the good work!
Title: Re: New Theme - ArcadeBliss
Post by: verion on March 30, 2016, 01:12:08 PM
This is really good looking theme - especially if you want some more info about the game.
Title: Re: New Theme - ArcadeBliss
Post by: joeyC on March 31, 2016, 07:02:07 PM
Thank you very much for providing this theme.  I like the option of using a video in the top left, but would it be possible to increase the size of the video and possibly add the crt effect there as well?  Great work and thanks again.
Title: Re: New Theme - ArcadeBliss
Post by: ArcadeBliss on March 31, 2016, 09:28:41 PM
Thank you very much for providing this theme.  I like the option of using a video in the top left, but would it be possible to increase the size of the video and possibly add the crt effect there as well?  Great work and thanks again.

Could you give me an idea how large you would like the video in pixels? My current layout is created for a 1280x1024 screen.
Title: Re: New Theme - ArcadeBliss
Post by: ArcadeBliss on March 31, 2016, 09:32:52 PM
New update in the first post:


If you use this version, you will need to change the "game list count" in the layout options to a new setting. To make the ratings work, I have included a tag.zip to be unpacked in "./romlists/mame/". I have tagged all mame games from v164 using the hyperspin xml as a source

The Youtube link has been updated to show all new features and here's a pic showing the game rating On the arcade flyer. Enjoy: https://youtu.be/imPfq14dC4M (https://youtu.be/imPfq14dC4M)
Title: Re: New Theme - ArcadeBliss
Post by: ArcadeBliss on March 31, 2016, 10:57:49 PM
Great work on the menu overlay!
Thanks alot! I plan to animate at some point.
Title: Re: New Theme - ArcadeBliss
Post by: ArcadeBliss on March 31, 2016, 11:00:17 PM
This is really good looking theme - especially if you want some more info about the game.

Thanks a lot verion! I wish I had your design chops. I have so many ideas but little ability.
Title: Re: New Theme - ArcadeBliss
Post by: joeyC on April 01, 2016, 08:13:22 AM
Thank you very much for providing this theme.  I like the option of using a video in the top left, but would it be possible to increase the size of the video and possibly add the crt effect there as well?  Great work and thanks again.

Could you give me an idea how large you would like the video in pixels? My current layout is created for a 1280x1024 screen.

It would be nice if it was closer in size to a 4x3 aspect ratio, similar to how it's set up in your theme when you are selecting a game based on the video.  So when using a video in the top-left, maybe just have it taller since it looks to be more wide-screen there?  I apologize for my non-technical response, as I'm and idiot when it comes to this stuff.  However, still gonna use the theme even if that's not an ideal solution :)
Title: Re: New Theme - ArcadeBliss
Post by: ArcadeBliss on April 01, 2016, 01:19:03 PM
Thank you very much for providing this theme.  I like the option of using a video in the top left, but would it be possible to increase the size of the video and possibly add the crt effect there as well?  Great work and thanks again.

Could you give me an idea how large you would like the video in pixels? My current layout is created for a 1280x1024 screen.

It would be nice if it was closer in size to a 4x3 aspect ratio, similar to how it's set up in your theme when you are selecting a game based on the video.  So when using a video in the top-left, maybe just have it taller since it looks to be more wide-screen there?  I apologize for my non-technical response, as I'm and idiot when it comes to this stuff.  However, still gonna use the theme even if that's not an ideal solution :)
I will check the code tomorrow. I could swear it should preserve the aspect ratio of the video.  If not,  this is an easy fix.
Title: Re: New Theme - ArcadeBliss
Post by: joeyC on April 01, 2016, 02:26:24 PM
Thank you very much for providing this theme.  I like the option of using a video in the top left, but would it be possible to increase the size of the video and possibly add the crt effect there as well?  Great work and thanks again.

Could you give me an idea how large you would like the video in pixels? My current layout is created for a 1280x1024 screen.

It would be nice if it was closer in size to a 4x3 aspect ratio, similar to how it's set up in your theme when you are selecting a game based on the video.  So when using a video in the top-left, maybe just have it taller since it looks to be more wide-screen there?  I apologize for my non-technical response, as I'm and idiot when it comes to this stuff.  However, still gonna use the theme even if that's not an ideal solution :)
I will check the code tomorrow. I could swear it should preserve the aspect ratio of the video.  If not,  this is an easy fix.

I'm wondering if the reason I'm seeing the video stretched is due to the fact that my resolution is set to 1920x1080.  When i set it to 1280x1024 it's not stretched any more.  Also, I believe you are correct about preserving the aspect ratio of the video.  When I change it to 'false' in the layout.nut, it's not stretched anymore either.
Title: Re: New Theme - ArcadeBliss
Post by: bundangdon on April 02, 2016, 07:46:08 AM
I'm really loving this theme, so I decided to make a few of my own personal alterations. I came across one problem while doing this and hopefully there's a quick fix? When I change the resolution in the "layout.nut" file to 1920x1080, I get a much cleaner look with a lot more space to work with. However, the selected screen (video) is not in the center anymore. The selected/highlighted screen is about 1 step to the left. I looked through the entire layout.nut file and tried several setting changes but couldn't get it back in the center. Any help would be very appreciated :)
Title: Re: New Theme - ArcadeBliss
Post by: verion on April 02, 2016, 01:41:44 PM
Thanks a lot verion! I wish I had your design chops.

Your design is pretty good - I would increase bottom margin thou. Now it kinda look like you've run out of space.
Also the player counter is only for two digits - and looks bad if you played a game 100+ times (like I did with my fav games).

Other than that - it's great!

And something to think about:
While I appreciate the enormous effort in creating history.dat, but I'm not a fan, because history.dat entries are not that great (or at least of various quality). Personally - I would add an option to disable history.dat listing and make fanart more visible. It would also benefit those with emulator that doesn't have history.dat
Title: Re: New Theme - ArcadeBliss
Post by: ArcadeBliss on April 04, 2016, 10:37:09 AM
I'm really loving this theme, so I decided to make a few of my own personal alterations. I came across one problem while doing this and hopefully there's a quick fix? When I change the resolution in the "layout.nut" file to 1920x1080, I get a much cleaner look with a lot more space to work with. However, the selected screen (video) is not in the center anymore. The selected/highlighted screen is about 1 step to the left. I looked through the entire layout.nut file and tried several setting changes but couldn't get it back in the center. Any help would be very appreciated :)

All of the resting positions along the x-axis for the conveyour (Sliding TVs) are located in this array:

Code: [Select]
static x_lookup = [ -560, -360, -160, 80, 280, 440, 640, 840, 1000, 1200, 1440, 1640, 1840 ];
just put in the ones that fit best for you. Do not alter the number of resting positions e.g.: 8 instead of 13 - just adjust the values. In a 3 TV layout, there are actual 5 - 2 are offscreen so that the animation apears to flow instead of new ones just popping up.

Afterwards, let me have a copy so that I may have a look. Thanks.
Title: Re: New Theme - ArcadeBliss
Post by: chrisvg on April 05, 2016, 04:52:24 AM
Hey ArcadeBliss,

I'm currently working on implementing an overlay menu in a layout that I'm working on at the moment, and was wondering how you got the "Options Menu" to show up?

I can't find a specific key in the controls options in AM that would let me trigger such a menu.  The closest thing that I can find is the standard "Configure" option (set to TAB by default), but this menu doesn't seem to trigger the ShowOverlay/HideOverlay events.

Are you able to shed some light on this?
Title: Re: New Theme - ArcadeBliss
Post by: ArcadeBliss on April 05, 2016, 08:56:38 AM
When I get home,  I will send you the code and how I did this. A little hint,  think outside of the box (eh layout   ;) )

-- So chrisvg I am home now. A little background first, my cab has 4 admin buttons to ease frontend use for guests. They are MENU, SELECT, QUIT/BACK, PAUSE.

In Attractmode, I set MENU to open the Menu plugin. The menu you see in my video/screenshot is showing those options. I wanted to make sure, all options someone would use can be set using only those admin buttons.

The menu code used in my layout is here - it works for all menus that are not called using the tab key e.g.: displays hot key or the plugin menu hotkey.
Code: [Select]
////////////////////////////////////////
//
//Configure Custom Menu
//
///////////////////////////////////////
// Overall Surface
local overlaySurface = fe.add_surface(1280,1024);
overlaySurface.visible = false;

// translucent background
local overlayBackground = overlaySurface.add_image("images/overlaymenu/black.png",0,0,1280,1024);
overlayBackground.alpha = 225;

// create extra surface for the menu
local overlayMenuSur = overlaySurface.add_surface(322,328);
overlayMenuSur.set_pos(480,359);
overlayMenuSur.add_image("images/overlaymenu/menuframe.png",0,40,321,256); // Add the menu frame
local overlay_lb = overlayMenuSur.add_listbox(1,40,320,256); //Add the listbox
overlay_lb.rows = 6; // the listbox will have 6 slots
overlay_lb.charsize  = 22;
overlay_lb.set_rgb( 128, 128, 128 );
overlay_lb.sel_style = Style.Bold;
overlay_lb.set_sel_rgb( 255, 255, 255 );
overlay_lb.set_selbg_rgb( 255, 165, 0 );
local overlayMenuTitle = overlayMenuSur.add_text("[DisplayName]",0,0,322,35); //Add the menu title
overlayMenuTitle.charsize=30;
overlayMenuTitle.style = Style.Bold;
overlayMenuTitle.set_rgb(255,165,0);

//clone the menu surface for the bartop picture
overlaySurface.add_image("images/overlaymenu/black.png",330,480,100,240);
local overlayClone = overlaySurface.add_clone(overlayMenuSur);
overlayClone.set_pos(354,559,102,90);
overlayClone.skew_x=12;
overlayClone.pinch_y=8;
overlayClone.alpha=250;
local overlayBartop = overlaySurface.add_image("images/overlaymenu/menuBartop.png"); //add the bartop picutre
overlayBartop.set_pos(300,480);

// Show the up time
local ut = overlaySurface.add_text( "ELASPED TIME: ", 460, 655, 280, 24 );
ut.set_rgb( 128, 128, 128 );
ut.align = Align.Right;
ut.charsize=15;

local ut = overlaySurface.add_text( "", 725, 655, 280, 25 );
ut.set_rgb( 255, 165, 0 );
ut.align = Align.Left;
ut.charsize=15;

// Function to update the time
function update_uptime( ttime )
{
local mil = fe.layout.time;
local seconds = ((mil / 1000) % 60) ;
local minutes = ((mil / (1000*60)) % 60);
local hours   = ((mil / (1000*60*60)) % 24);
//ut.msg= hours+":"+minutes+":"+seconds;
ut.msg = format("%02d", hours ) + ":" + format("%02d", minutes) + ":" + format("%02d", seconds )
}
fe.add_ticks_callback( this, "update_uptime" );

// tell Attractmode we are using a custom overlay menu
fe.overlay.set_custom_controls( overlayMenuTitle, overlay_lb );

Attached you will find my altered menu plugin script with my menu options. The file goes in your plugin folder, the code is here for reference.

Code: [Select]
///////////////////////////////////////////////////
//
// Attract-Mode Frontend - Control Menu plugin
//
///////////////////////////////////////////////////
//
// Define use configurable settings
//

const OPT_HELP="The text to show in the menu for this item";
const CMD_HELP="The command to run when this item is selected.  Use @<script_name.nut> to run a squirrel script that is located in the Utility Menu's plugin directory.";

class UserConfig </ help="Calls a Attract Mode Control Menu for Arcade Setups with limited buttons " /> {
</ label="Control", help="The control to press to display the Attract Mode Control Menu", is_input=true, order=1 />
button="U";
}

local config=fe.get_config();
local my_dir = fe.script_dir;
local items = [];

const MAX_OUTPUT_LINES = 40;

fe.load_module( "submenu" );

class AnyCommandOutput extends SubMenu
{
m_t = "";

constructor()
{
base.constructor();
m_t = fe.add_text( "", 0, 0, fe.layout.width, fe.layout.height );
m_t.charsize=fe.layout.height / MAX_OUTPUT_LINES;
m_t.align=Align.Left;
m_t.word_wrap=true;
m_t.bg_alpha=180;
m_t.visible = false;
}

function on_show() { m_t.visible = true; }
function on_hide() { m_t.visible = false; }
function on_scroll_up() { m_t.first_line_hint--; }
function on_scroll_down() { m_t.first_line_hint++; }

function show_output( msg )
{
m_t.msg = msg;
m_t.first_line_hint=0;

show( true );
}
};
fe.plugin[ "Attract Mode Control Menu" ] <- AnyCommandOutput();

//
// Load the menu with the necessary commands
//


items.append("Choose Emulator");
items.append("Configure System");
items.append("Display Filters");
items.append("Add/Remove Favorites");
items.append("Power Off");

//
// Add a cancel/back option
//
items.append( "Back" );

//
// Create a tick function that tests if the configured button is pressed and runs
// the corresponding script or command if it is.
//
fe.add_ticks_callback( "control_menu_plugin_tick" );

function control_menu_plugin_tick( ttime )
{
if ( fe.get_input_state( config["button"] ) )
{

local res = fe.overlay.list_dialog( items, "Options Menu", items.len() / 2 );
if ( res < 0)
return;

if (res ==2) {
fe.signal("filters_menu");

} else if (res ==3) {
fe.signal("add_favourite");

} else if (res ==0) {
fe.signal("displays_menu");
} else if (res ==1) {
fe.signal("configure");
} else if (res ==4) {
fe.signal("exit_no_menu");
}
}
}

Hmmmm, now that I think of it, I could have put this in my layout as well. But hey, I like to keep things seperate. The plugin will still work when I get tired of my own layout and change it one day.
Title: Re: New Theme - ArcadeBliss
Post by: chrisvg on April 05, 2016, 09:06:31 PM
Thanks for confirming that I was simply barking up the wrong tree!
Title: Re: New Theme - ArcadeBliss
Post by: bundangdon on April 06, 2016, 01:35:31 AM
I'm really loving this theme, so I decided to make a few of my own personal alterations. I came across one problem while doing this and hopefully there's a quick fix? When I change the resolution in the "layout.nut" file to 1920x1080, I get a much cleaner look with a lot more space to work with. However, the selected screen (video) is not in the center anymore. The selected/highlighted screen is about 1 step to the left. I looked through the entire layout.nut file and tried several setting changes but couldn't get it back in the center. Any help would be very appreciated :)

All of the resting positions along the x-axis for the conveyour (Sliding TVs) are located in this array:

Code: [Select]
static x_lookup = [ -560, -360, -160, 80, 280, 440, 640, 840, 1000, 1200, 1440, 1640, 1840 ];
just put in the ones that fit best for you. Do not alter the number of resting positions e.g.: 8 instead of 13 - just adjust the values. In a 3 TV layout, there are actual 5 - 2 are offscreen so that the animation apears to flow instead of new ones just popping up.

Afterwards, let me have a copy so that I may have a look. Thanks.

Great stuff! Thank you once again :) I finally got it centered after several attempts to adjust the values that you mentioned, and came up with this setup: static x_lookup = [ -270, -70, 170, 370, 570, 770, 970, 1070, 1370, 1570, 1770, 1970, 2280 ];
This only looks good at the moment with 5 on the screen at one time, but I'll get by with it  ::) As you can see, I made some other adjustments through photoshop with a new color scheme and design with the boxes on the bottom and the video placed on the left side as shown in the screenshot below. I hope you don't mind that I made some of my own personal adjustments, only for my own individiual use of course
Title: Re: New Theme - ArcadeBliss
Post by: ArcadeBliss on April 06, 2016, 03:51:44 AM
Cool,  I am glad it worked for you. Regarding using the theme, feel free to change and do with it what you like,  even distribute it. I just found it cool that someone finds use of something I made. Would you mind packing the theme up and distributing the zip file? I like the system logo you made. Btw take a look at the menu plug in in this thread. It might be of interest to. My next project will be a search plugin across all filters simultaneously.
Title: Re: New Theme - ArcadeBliss
Post by: bionictoothpick on April 06, 2016, 04:18:21 AM
I especially like the center box being larger (in the middle bottom).
Title: Re: New Theme - ArcadeBliss
Post by: bundangdon on April 06, 2016, 06:48:29 AM
Cool,  I am glad it worked for you. Regarding using the theme, feel free to change and do with it what you like,  even distribute it. I just found it cool that someone finds use of something I made. Would you mind packing the theme up and distributing the zip file? I like the system logo you made. Btw take a look at the menu plug in in this thread. It might be of interest to. My next project will be a search plugin across all filters simultaneously.

Sure, no problem! As for the system logo, I just redesigned the original background.png file with a new color scheme, along with the system and its logo (Nintendo NES). However, I included my modified photoshop .psd file so that anyone can easily change the colors, system and logo in its same folder. And please keep in mind that it's only well centered with the 5 box arrangement. When I set it to 7, 9, 11, or 13 it doesn't look quite so nice ::)


[attachment deleted by admin]
Title: Re: New Theme - ArcadeBliss
Post by: bionictoothpick on April 06, 2016, 05:33:48 PM
Could you help me with the unknown-emulator?

I want it to pull the emulator name from the emulator chosen and just add an image in the folder you have for that emulator.

For example: if I call the emulator file retroarch-nes I want retroarch-nes.png to show.

___RESOLVED_____Malfacine's code provided the solution. Just need an emulator.png matching the name of the chosen emulator to work.
local clogo = fe.add_image("clogos/[Emulator]", flx*0.67, fly*0.02, 0, 0 );
Title: Re: New Theme - ArcadeBliss
Post by: ArcadeBliss on April 07, 2016, 08:41:48 AM
Could you help me with the unknown-emulator?

I want it to pull the emulator name from the emulator chosen and just add an image in the folder you have for that emulator.

For example: if I call the emulator file retroarch-nes I want retroarch-nes.png to show.

___RESOLVED_____Malfacine's code provided the solution. Just need an emulator.png matching the name of the chosen emulator to work.
local clogo = fe.add_image("clogos/[Emulator]", flx*0.67, fly*0.02, 0, 0 );

I'll give the info when I get home. Stay tuned
Title: Re: New Theme - ArcadeBliss
Post by: ArcadeBliss on April 07, 2016, 10:42:38 PM
That is a much more elegent solution than what I implemented. Will have to use this to simplify things. Thanks for posting.
Title: Re: New Theme - ArcadeBliss
Post by: omegaman on April 08, 2016, 10:41:03 AM
Yeah, there is a bunch of different ways to do it, this probably being the simplest. I might need to update mine as well.

That said, I wish there was more documentation other than electric imp on squirrel out there. I wanted to create a 3d cube that would flip to a new video or image on its z axis on transition. But, this is beyond my skill set. I think there are some c++ libraries that accomplish this already which would make things a lot easier. So, if anyone is up to the task?
Title: Re: New Theme - ArcadeBliss
Post by: ArcadeBliss on April 25, 2016, 01:57:54 AM
I will be updating this theme soon. I am in the process of creating a new theme and in doing so, there are some optimization I would like to do here:

Planned optimizations:
Title: Re: New Theme - ArcadeBliss
Post by: bionictoothpick on April 25, 2016, 03:10:40 AM
Sounds great...I'm learning a lot from seeing other code.
Title: Re: New Theme - ArcadeBliss
Post by: ArcadeBliss on April 25, 2016, 03:15:57 AM
Well if that'S the case, wait until you see what I have going for the new theme :) here's a teaser (see attachment
Title: Re: New Theme - ArcadeBliss
Post by: bionictoothpick on April 25, 2016, 08:14:46 AM
You've got a lot of favorites! It reminds me of the OUYA interface in some ways. Have fun.
Title: Re: New Theme - ArcadeBliss
Post by: ArcadeBliss on April 25, 2016, 10:19:28 AM
Oh wise jedi...you recognize the inspiratin for this theme  ;D
Title: Re: New Theme - ArcadeBliss
Post by: bionictoothpick on April 27, 2016, 02:56:00 PM
An android port of attractmode would be a great addition for the ouya...
Title: Re: ArcadeBliss - Info Overload Edition
Post by: peanutwarrior on April 30, 2016, 12:00:52 PM
One of the only themes on here I could find horizontal wheel scrolling. Thanks for the coding. Hope you didn't mind I changed the layout. Brilliant for consoles..



[attachment deleted by admin]
Title: Re: ArcadeBliss - Info Overload Edition
Post by: ArcadeBliss on May 01, 2016, 01:17:37 AM
One of the only themes on here I could find horizontal wheel scrolling. Thanks for the coding. Hope you didn't mind I changed the layout. Brilliant for consoles..

That really looks nice. I will have a update to the horizontal scroll code soon  fixing a couple of problems with it.  Why not open a thread with your version of the theme?
Title: Re: New Theme - ArcadeBliss
Post by: arthurvalenca on April 04, 2020, 09:14:24 PM
Added more ToDos to the first post.
  • Add the ESRB Rating Logo
  • Fix Emulator logo display code (will wait till I have multiple emulators)
  • Add Placeholder Flyer image when a game does not have a flyer
  • Change the the text "GAME:" to be the name of the active filter
  • Add a customized menu overlay to match my cab
  • Add a layout option regarding displaying favorite stars "none", "solid", "outlined"


The custom menu overlay will be my next step.. I hate the way the current menus rip you out of the experience.

Also I was asked how I implemented the moving rows for the game text. Here a an example that will work with any text object. I took the idea from the history.dat plugin.

First you need to setup a text object with text. It does not matter how much text is in the object

Code: [Select]
local history =fe.add_text("", 442,188,810,290)
history.charsize = 18;
history.align = Align.Left;
history.word_wrap = true;
history.msg = "XXXXXXXXXXX PUT YOUR TEXT HERE XXXXXXXXXX";

Next I created a tick callback to scroll the text up or down in the text box

Code: [Select]
function historynav( tick_time )
{

if (fe.get_input_state("XXXXXXXXXX   PUT YOUR UP KEY HERE XXXXXXXXXXXXXX")==true)
{
                history.first_line_hint--;
}
if (fe.get_input_state("XXXXXXXXXX   PUT YOUR DOWN KEY HERE XXXXXXXXXXXXXX")==true)
{
history.first_line_hint++;
}
}
fe.add_ticks_callback("historynav");



I like this code a lot but it just worked well until attractmode 2.3.0 after these it no longer functions to scroll history.dat, someone can help how to fix this code so that pressing the up and down arrow can scroll history .dat information.
Title: Re: New Theme - ArcadeBliss
Post by: Karlosworkz on April 03, 2021, 08:35:51 AM
Working great for me! :)

Congratulations your theme is very well done!!!

I could not make the effect of the description of the texts run, will be q is missing something could someone help me ?????
Title: Re: ArcadeBliss - Info Overload Edition
Post by: manzarek on October 23, 2022, 03:55:30 PM
well done
Title: Re: New Theme - ArcadeBliss
Post by: bundangdon on February 03, 2023, 11:31:53 PM
Fixed the link to the YouTube video
:'( this is very confusing and  I dont know where to go to download the theme on your gitHub

You can download it here:
https://github.com/ArcadeBliss/AttractMode-Themes

Click on the green "Code" button and then click "Download Zip"
Title: Re: New Theme - ArcadeBliss
Post by: OldGamer on April 23, 2023, 07:15:00 PM
Fixed the link to the YouTube video
:'( this is very confusing and  I dont know where to go to download the theme on your gitHub

You can download it here:
https://github.com/ArcadeBliss/AttractMode-Themes

Click on the green "Code" button and then click "Download Zip"
Thank you for helping me out <3