Author Topic: SOLVED:::: Flat Blue Theme settings & customization questions  (Read 5546 times)

jtslade

  • Jr. Member
  • **
  • Posts: 11
    • View Profile
Two quick questions.. I love the theme BTW and it looks great running Vertically in GroovyArcade 2017 on my Cocktail Cab on the 19" Electrohome G07

1: How can I get my Wheel art to show up bigger? It's scaled really small... (Can text be scaled? Can the text for Game Names on the left be scaled?)

2: I see the special set of game icons mentioned but where can I download them and on a linux install of attract mode where do they go?

Thank you.. I guess that was 3 questions.. LOL

I'll upload pics tonight if that helps..
« Last Edit: May 29, 2018, 11:21:51 AM by jtslade »

jtslade

  • Jr. Member
  • **
  • Posts: 11
    • View Profile
Re: Flat Blue Theme settings & customization questions
« Reply #1 on: May 24, 2018, 02:03:35 PM »
Since I have a 15khz Arcade CRT how do I set the low res flag? Should I set my resolution for the front end manually?

Thank you

jtslade

  • Jr. Member
  • **
  • Posts: 11
    • View Profile
Re: Flat Blue Theme settings & customization questions
« Reply #2 on: May 25, 2018, 03:30:20 PM »
Maybe this can be done by editing the nut file?

Deflektor

  • Newbie
  • *
  • Posts: 8
    • View Profile
Re: Flat Blue Theme settings & customization questions
« Reply #3 on: May 26, 2018, 07:15:44 AM »
Looks like wheel_dimensions gets set in scripts/LayoutSettings.nut. It's in there a few times (for different aspect ratios), but yeah editing that should do what you want.

jtslade

  • Jr. Member
  • **
  • Posts: 11
    • View Profile
Re: Flat Blue Theme settings & customization questions
« Reply #4 on: May 26, 2018, 04:51:09 PM »
TY for the reply.

in the main DIR layout.net I saw this that looked interesting (I know powershell scripting but not Squirrel)

For my vertically mounted 19" arcade G07 monitor id want to be running 320x240

Quote
local test_resolution = scalar2();

// test_resolution = scalar2(1920,1080);
// test_resolution = scalar2(1366,768);
// test_resolution = scalar2(1360,768);
// test_resolution = scalar2(1024,576);

// test_resolution = scalar2(1920,1200);
// test_resolution = scalar2(1280,768);
// test_resolution = scalar2(800,480);

// test_resolution = scalar2(1600,1280);
// test_resolution = scalar2(1280,1024);

// test_resolution = scalar2(1600,1200);
// test_resolution = scalar2(1024,768);
// test_resolution = scalar2(800,600);
// test_resolution = scalar2(640,480);
// test_resolution = scalar2(320,240);

// layout.set_layout_dimensions(test_resolution);

layout.initialize();



In the Layoutsettings.nut in the scripts folder I see this section if the theme detects your are running in 3:4 ratio which I should be but I don't know how to check (it feels like i'm not as it doesn't look right.. again I'll have to post some pics of the vertical cab CRT in action..

Anyway there is mentions of low res flag true/false statements and then some various settings for this aspect ratio. 

Quote
itch(get_layout_aspect_ratio_name())
        {
            case "3:4":
                settings.base_dimensions <- scalar2(1080, 1440);

                settings.bg.preserve_vert <- "fill";
                settings.bg.preserve_horiz <- "fill";

                settings.sidebar.panel_dimensions <- (get_lowres_flag()) ? convert_scalar2(scalar2(380, 205)) : convert_scalar2(scalar2(375, 159));

                settings.bg.wheel_dimensions <- convert_scalar2(scalar2(450, 240));
                settings.bg.wheel_pos <- scalar2(settings.sidebar.panel_dimensions.w + (((convert_width(settings.base_dimensions.w) - settings.sidebar.panel_dimensions.w) / 2) - (settings.bg.wheel_dimensions.w / 2)), convert_height(250));

                settings.bg.wheel_shadow_image <- "images/wheel_shadow_vert.png";
                settings.bg.wheel_shadow_dimensions <- convert_scalar2(scalar2(1200, 1024));
                settings.bg.wheel_shadow_pos <- scalar2(settings.sidebar.panel_dimensions.w + (((convert_width(settings.base_dimensions.w) - settings.sidebar.panel_dimensions.w) / 2) - (settings.bg.wheel_shadow_dimensions.w / 2)), -180);

                settings.sidebar.numpanels <- (get_lowres_flag()) ? 7 : 9;

                settings.infopanel.shadow_image <- null;
                settings.infopanel.shadow_dimensions <- null;
                settings.infopanel.shadow_pos <- null;

                settings.infopanel.filter_image <- "images/infopanel_filter_bg_vert.png";
                settings.infopanel.filter_dimensions <- convert_scalar2(scalar2(380, 100));
                settings.infopanel.filter_pos <- scalar2(convert_width(settings.base_dimensions.w) - settings.infopanel.filter_dimensions.w, convert_height(settings.base_dimensions.h) - settings.infopanel.filter_dimensions.h);
                settings.infopanel.filter_text_dimensions <- convert_scalar2(scalar2(280, 60));
                settings.infopanel.filter_text_pos <- scalar2(convert_width(settings.base_dimensions.w) - settings.infopanel.filter_text_dimensions.w - convert_width(30), convert_height(settings.base_dimensions.h) - settings.infopanel.filter_dimensions.h + ((settings.infopanel.filter_dimensions.h - settings.infopanel.filter_text_dimensions.h) / 2));

                settings.infopanel.filter_shadow_image <- "images/infopanel_filter_bg_shadow_vert.png";
                settings.infopanel.filter_shadow_dimensions <- convert_scalar2(scalar2(520, 248));
                settings.infopanel.filter_shadow_pos <- scalar2(convert_width(settings.base_dimensions.w) - settings.infopanel.filter_shadow_dimensions.w, convert_height(settings.base_dimensions.h) - settings.infopanel.filter_shadow_dimensions.h);

                settings.infopanel.game_image <- "images/infopanel_game_bg_vert.png";
                settings.infopanel.game_dimensions <- convert_scalar2(scalar2(380, 100));
                settings.infopanel.game_pos <- scalar2(convert_width(settings.base_dimensions.w) - settings.infopanel.game_dimensions.w, 0);
                settings.infopanel.game_text_dimensions <- convert_scalar2(scalar2(280, 60));
                settings.infopanel.game_text_pos <- scalar2(convert_width(settings.base_dimensions.w) - settings.infopanel.game_text_dimensions.w - convert_width(30), (settings.infopanel.game_dimensions.h - settings.infopanel.game_text_dimensions.h) / 2);

                settings.infopanel.game_shadow_image <- "images/infopanel_game_bg_shadow_vert.png";
                settings.infopanel.game_shadow_dimensions <- convert_scalar2(scalar2(520, 248));
                settings.infopanel.game_shadow_pos <- scalar2(convert_width(settings.base_dimensions.w) - settings.infopanel.game_shadow_dimensions.w, 0);

                settings.sidebar.panel_text_charsize <- (get_lowres_flag()) ? convert_height(27) : convert_height(20);
                settings.sidebar.panel_selected_text_charsize <-  (get_lowres_flag()) ? convert_height(27) : convert_height(22);
                settings.infopanel.filter_text_charsize <- (get_lowres_flag()) ? convert_height(27) : convert_height(22);
                settings.infopanel.game_text_charsize <- (get_lowres_flag()) ? convert_height(27) : convert_height(22);

                settings.mamedats.text_lines <- (get_lowres_flag()) ? 40 : 40;
                break;

jtslade

  • Jr. Member
  • **
  • Posts: 11
    • View Profile
Re: Flat Blue Theme settings & customization questions
« Reply #5 on: May 29, 2018, 11:21:31 AM »
So for anyone wondering: TY to Deflektor for pointing me in the right direction!

First determine what resolution that AM is running the Theme for Flat Blue.. Flat blue uses this scalar resolution to determine aspect ratio. Inside the LayoutSettings.nut called by the main layout.nut is a section for each item with preset numbers that are applied to the width and height, which basically makes each onscreen item in the theme go along with all the various resolutions and aspect ratios.

1st I manually set my layout.nut test_resolution: I just removed the remarks //  from my desired 640x480, I'll try 320x240 on my real arcade CRT tonight...

Quote
local layout = LayoutSettings();

local test_resolution = scalar2();

// test_resolution = scalar2(1920,1080);
// test_resolution = scalar2(1366,768);
// test_resolution = scalar2(1360,768);
// test_resolution = scalar2(1024,576);

// test_resolution = scalar2(1920,1200);
// test_resolution = scalar2(1280,768);
// test_resolution = scalar2(800,480);

// test_resolution = scalar2(1600,1280);
// test_resolution = scalar2(1280,1024);

// test_resolution = scalar2(1600,1200);
// test_resolution = scalar2(1024,768);
// test_resolution = scalar2(800,600);
test_resolution = scalar2(640,480);
// test_resolution = scalar2(320,240);

layout.set_layout_dimensions(test_resolution);

layout.initialize();
[/size]


Using the

Then I edited LayoutSettings.nut. In the correct section case, which for me is 3:4 as I am a 4:3 ratio but I have enabled rotate left, which the theme accounts for. If you edit these convert width and convert height settings and nothing happens you may be in the wrong case aspect ratio

Quote
settings.sidebar.panel_text_charsize <- (get_lowres_flag()) ? convert_height(13) : convert_height(10);
                settings.sidebar.panel_selected_text_charsize <-  (get_lowres_flag()) ? convert_height(27) : convert_height(22);

 default is (27:20) which gives small text..

On my 1st try I said lets make this half that (13:10)  .. Mistake.. text is crazy small.. pic below.. but now I know how to change anything..




Ok lets make them bigger: / one is the size of the selected game, one is the rest of the not selected games (80% increase for non-select, 100% for selected) .

Quote
settings.sidebar.panel_text_charsize <- (get_lowres_flag()) ? convert_height(37) : convert_height(28);
                settings.sidebar.panel_selected_text_charsize <-  (get_lowres_flag()) ? convert_height(54) : convert_height(40);


Ok save in notepad++ and then resave to a zip file since AM doesn't like Flat Blue unzipped..

And you get something like this:









« Last Edit: May 29, 2018, 12:44:23 PM by jtslade »

jtslade

  • Jr. Member
  • **
  • Posts: 11
    • View Profile
Re: SOLVED:::: Flat Blue Theme settings & customization questions
« Reply #6 on: May 29, 2018, 11:39:52 AM »
And if I mess with wheel dimensions I can make the wheel images bigger and raise the position:

Quote
switch(get_layout_aspect_ratio_name())
        {
            case "3:4":
                settings.base_dimensions <- scalar2(1080, 1440);

                settings.bg.preserve_vert <- "fill";
                settings.bg.preserve_horiz <- "fill";

                settings.sidebar.panel_dimensions <- (get_lowres_flag()) ? convert_scalar2(scalar2(380, 205)) : convert_scalar2(scalar2(375, 159));

                settings.bg.wheel_dimensions <- convert_scalar2(scalar2(600, 400));
                settings.bg.wheel_pos <- scalar2(settings.sidebar.panel_dimensions.w + (((convert_width(settings.base_dimensions.w) - settings.sidebar.panel_dimensions.w) / 2) - (settings.bg.wheel_dimensions.w / 2)), convert_height(200));








Now on to figure out why the other text like game info / year whatever is not showing, other than the grey trapezoid boxes..
« Last Edit: May 29, 2018, 11:47:05 AM by jtslade »