My Realistic Arcade Bezels

RetroArch Additions Overlays
#538

In the default.lay the x,y,width,height values have to be modified with the hoffset, hstretch, voffset and vstretch values of the digdug.cfg

Only the values in the <view></view> element between
<screen></screen>
<overlay></overlay>
<backdrop></backdrop>

The values between <bezel></bezel> must remain untouched

digdug.cfg:

<?xml version="1.0"?>
<!-- This file is autogenerated; comments and unknown tags will be stripped -->
<mameconfig version="10">
    <system name="digdug">
        <video>
            <screen index="0" hoffset="0.004000" hstretch="0.580000" voffset="0.008000" vstretch="0.678000" />
        </video>
        <counters>
            <coins index="0" number="49" />
        </counters>
        <input>
            <port tag=":DSWA" type="DIPSWITCH" mask="192" defvalue="128" value="192" />
        </input>
    </system>
</mameconfig>

This is the calculation:

new_width = old_width*vstretch
new_height = old_height*hstretch
new_x = ((old_width-new_width)/2)-(old_width*voffset)+old_x
new_y = ((old_height-new_height)/2)+(old_height*hoffset)

default.lay:

<!-- digdug.lay -->

<mamelayout version="2">

<element name="bezel">
    <image file="digdug_bezel.png" />
</element>

<element name="bezel_alt1">
    <image file="digdug_bezel_alt1.png" />
</element>

<element name="bezel_alt2">
    <image file="digdug_bezel_alt2.png" />
</element>

<element name="screen_bezel">
    <image file="vert_screen_bezel.png" />
</element>

<element name="screen_mask">
    <image file="vert_screen_mask.png" />
</element>

<view name="Cab Artwork">
    <screen index="0">
    <bounds x="555" y="0" width="810" height="1080" />
    </screen>

    <overlay element="screen_mask">
    <bounds x="554" y="0" width="812" height="1080" />
    </overlay>

    <backdrop element="screen_bezel">
    <bounds x="518" y="0" width="884" height="1080" />
    </backdrop>

    <bezel element="bezel">
    <bounds x="0" y="0" width="1920" height="1080" />
    </bezel>
</view>

<view name="No Monitor Screen (alt1)">
    <screen index="0">
    <bounds x="555" y="0" width="810" height="1080" />
    </screen>

    <overlay element="screen_mask">
    <bounds x="554" y="0" width="812" height="1080" />
    </overlay>

    <backdrop element="screen_bezel">
    <bounds x="518" y="0" width="884" height="1080" />
    </backdrop>

    <bezel element="bezel_alt1">
    <bounds x="0" y="0" width="1920" height="1080" />
    </bezel>
</view>

<view name="Unused (alt2)">
    <screen index="0">
    <bounds x="555" y="0" width="810" height="1080" />
    </screen>

    <overlay element="screen_mask">
    <bounds x="554" y="0" width="812" height="1080" />
    </overlay>

    <backdrop element="screen_bezel">
    <bounds x="518" y="0" width="884" height="1080" />
    </backdrop>

    <bezel element="bezel_alt2">
    <bounds x="0" y="0" width="1920" height="1080" />
    </bezel>
</view>

</mamelayout>

The result should look like this:

<view name=“Cab Artwork”>
<screen index=“0”>
<bounds x=“679” y=“231” width=“549” height=“626” />
</screen>

<overlay element=“screen_mask”>
<bounds x=“678” y=“231” width=“551” height=“626” />
</overlay>

<backdrop element=“screen_bezel”>
<bounds x=“653” y=“231” width=“599” height=“626” />
</backdrop>

<bezel element=“bezel”>
<bounds x=“0” y=“0” width=“1920” height=“1080” />
</bezel> </view>

1 Like
#539

Can you send me a completed digdug.zip file to inspect it.

#540

Is there maybe a recent link where you can download a pack of these?

Also, can these be used as RetroArch overlays instead of MAME artwork?

#541

Yeah, but I gotta update it.

2 Likes
#542

@GemaH: not so easily. Mame artworks supports blend modes, which overlays doesn’t.

blend modes 
                                                ____
    1. layer:   bezel (blend mode: normal)      \____\  ══╗
    ------------------------------------------  ____      ║
    2. layer:   backdrop (blend mode: screen)   \____\  ══╣
    ------------------------------------------  ____      ║
    3. layer:   overlay (blend mode: multiply)  \____\  ══╣
    ------------------------------------------  ____      ║
    4. layer:   game screen                     \____\  ══╝

Also it involves a bit of image manipulation. Mame artworks can have parts of the image that go over the monitor screen or are smaller, but overlays stretch the image to either completly fit your monitor screen (if overlay0_full_screen = true) or the hole game screen (if overlay0_full_screen = false)
To maintain the aspect ratio you have to resize the images (cropping or adding borders)

In the case of Orionangels artworks, i think they are all in 16:9 ar, so no clipping is needed, but if your monitor is 4:3 or 16:10, than you have to do some work…

For the overlay, mask, backdrop elements you have to tinkering a lot, to make them look like in the artworks.

2 Likes
#543

Ok, got it.

The issue is i can’t use these with the MAME core in retroarch because the crt shaders apply to the whole image, including the artwork.

#544

You can use the bezel image as overlay and set a custom aspect ratio in the video options.
e.g. x,y,width,height.

The biggest problem is, that while the image can be made to fit the usual aspect ratios (16:9, 16:10, 4:3…)
the game override config for the custom aspect ratio must be calculated for every screen resolution:

1024x768
1360x768
1366x768
1280x720
1280x800
...etc
#545

Here is a realistic Arcade bezel for the game Chase H.Q. for use on Mame.

You can download it here - https://bit.ly/2neGJAC

chasehq
chasehq.jpg1299×731 429 KB

chasehqs
chasehqs.jpg1299×731 402 KB

5 Likes
#546

Here is a realistic Arcade bezel for the game Pengo for use on Mame.

You can download it here - https://bit.ly/2mIuMmz

pengo
pengo.jpg1299×731 384 KB

vlcsnap-2019-10-01-14h14m20s577
vlcsnap-2019-10-01-14h14m20s577.jpg1299×731 352 KB

5 Likes
#547

Here is a realistic Arcade bezel for the game Legendary Wings for use on Mame.

You can download it here - https://bit.ly/2ojmBNT

lwings
lwings.jpg1299×731 498 KB

lwingsh
lwingsh.jpg1299×731 503 KB

4 Likes
#548

Here is a realistic Arcade bezel for the game Dragon Breed for use on Mame.

You can download it here - https://bit.ly/32ZHDjz

dbreed
dbreed.jpg1299×731 371 KB

4 Likes
#549

Donations are welcome - https://www.paypal.me/orionsangel

#550

As a side note: MAME Classic with BGFX/CRT-GEOM shader applying a 0.5 vertical tilt. This is very inspiring, many thanks!

image
FBC850CF-EC42-46AF-A9A3-F85F3706DD4A.jpeg1280×958 432 KB

Of course only experimental. I am also wondering whether this triggers a performance hit.

3 Likes
#551

Oh nice. Can you hit me up with Mame classic with the BGFX/CRT-GEOM shader?

[email protected]

1 Like
#552

Definitely I will, a pleasure. It is a workaround currently, but nice to try. Please bear with me, it will take me til mid next week to be back on my Mac.

#553

Okay, no problem. Thank you.

#554

Could you add these to the Chase HQ overlays please mate

High%20Depressed
High Depressed.png700×912 324 KB
High%20Pressed
High Pressed.png700×912 328 KB
Low%20Depressed
Low Depressed.png700×912 338 KB
Low%20Pressed
Low Pressed.png700×912 342 KB

1 Like
#555

And these to Outrun

High
High.jpg1535×1772 223 KB
Low
Low.jpg1535×1772 236 KB

1 Like
#556

Here is a realistic Arcade bezel for the game Two Crude for use on Mame.

You can download it here - https://bit.ly/2MnXbao

twocrude
twocrude.jpg1299×731 393 KB

twocrudemaroon
twocrudemaroon.jpg1299×731 371 KB

2 Likes
#557

Here is a realistic Arcade bezel for the game P.O.W. Prisoners of War for use on Mame.

You can download it here - https://bit.ly/2p7ZAxE

pow
pow.jpg1299×731 477 KB

pows
pows.jpg1299×731 521 KB

5 Likes