Mr. RetroLust's - Mame 4K - Lights Out - Realistic Bezels

[Mr. RetroLust]

Virtua Fighter 3 mame arcade bezel

vf3.zip

[Mr. RetroLust]

Virtua Fighter Remix mame arcade bezel

vfremix.zip

[Mr. RetroLust]

Victorious Nine mame arcade bezel

victnine.zip

 

[Mr. RetroLust]

Vulgus mame arcade bezel

vulgus.zip

[Mr. RetroLust]

Victory mame arcade bezel

victory.zip

[Mr. RetroLust]

Vimana mame arcade bezel

vimana.zip

[Mr. RetroLust]

Violence Fight mame arcade bezel

viofight.zip

 

[Mr. RetroLust]

Video Hustler aka Video Pool aka The Billiards mame arcade bezel

hustler.zip

[Mr. RetroLust]

War: Final Assault mame arcade bezel

warfa.zip

[Mr. RetroLust]

War of the Bugs or Monsterous Manouvers in a Mushroom Maze mame arcade bezel

warofbug.zip

[Mr. RetroLust]

Warp Warp aka Warp & Warp  mame arcade bezel

warpwarp.zip

[Mr. RetroLust]

Warrior mame arcade bezel

Can you guys let me know if the game overlays the bezel correctly, I don't have the game so it's hard for me to test it out.

warrior.zip

 

[Dreamstate]

Nope, this doesn't work. All the artwork is on top of the game screen. The only way you'll be able to see through the backdrop is if you make it transparent like your arcade reflection and you haven't done that. Simplest way to check is simply to open it up in any photo vieweer. The whole game screen is black. That means it's not transparent. But be aware, you reduce brightness of images when you make them transparent. The background will look dim and the game play will also not look as bright with imagery on top of it even if it's transparent.

What you want to do is have a background image behind the game screen and then something on top of it. You have to have two separate image files. One, the background/back image. Two, the foreground/front image/top. Make the background the "backdrop" label it "backdrop" in the layfile. Then you have your normal bezel on top.

 

<element name="backdrop">

 

<backdrop element="backdrop">

 

The backdrop comes first in order on your layfile and everything down from there goes on top in order of view.

Example:

<!-- warrior.lay -->

<mamelayout version="2">
    <element name="marquee">
        <image file="warrior_marquee.png" />
    </element>
    <element name="cpanel">
        <image file="warrior_panel.png" />
    </element>
    <element name="speakers">
        <image file="speakers.png" />
    </element>
    <element name="backdrop">
        <image file="warrior.png" />
    </element>
    <element name="bezel">
        <image file="warrior_bezel.png" />
    </element>

    <view name="Marquee">
        <backdrop element="backdrop">
            <bounds x="936" y="2290" width="2130" height="1550" />
        </backdrop>
        <bezel element="bezel">
            <bounds x="0" y="0" width="4000" height="4243" />
        </bezel>
        <marquee element="marquee">
            <bounds x="0" y="-1000" width="4000" height="1000" />
        </marquee>
        <screen index="0">
                   <bounds x="1125" y="2440" width="1750" height="1314" />
        </screen>
    </view>
    <view name="Full_Cabinet">
        <bounds x="0" y="-800" width="4000" height="7100" />
        <backdrop element="backdrop">
            <bounds x="936" y="2290" width="2130" height="1550" />
        </backdrop>
        <bezel element="bezel">
            <bounds x="0" y="0" width="4000" height="4243" />
        </bezel>
        <marquee element="marquee">
            <bounds x="0" y="-800" width="4000" height="1000" />
        </marquee>
        <screen index="0">
                   <bounds x="1125" y="2440" width="1750" height="1314" />
        </screen>
        <cpanel element="cpanel">
            <bounds x="0" y="4263" width="4000" height="2200" />
        </cpanel>
    </view>
    <view name="Full_Cabinet_Lit">
        <bounds x="0" y="-800" width="4000" height="7100" />
        <backdrop element="backdrop">
            <bounds x="936" y="2290" width="2130" height="1550" />
        </backdrop>
        <bezel element="bezel">
            <bounds x="0" y="0" width="4000" height="4243" />
            <color red = "0.3" green = "0.3" blue = "1.0" />
        </bezel>
        <marquee element="marquee">
            <bounds x="0" y="-800" width="4000" height="1000" />
        </marquee>
        <screen index="0">
                   <bounds x="1125" y="2440" width="1750" height="1314" />
        </screen>
        <cpanel element="cpanel">
            <bounds x="0" y="4263" width="4000" height="2200" />
            <color red = "0.3" green = "0.3" blue = "1.0" />
        </cpanel>
    </view>
    <view name="Upright_Artwork">
        <bounds x="0" y="320" width="2500" height="2332" />
        <backdrop element="backdrop">
            <bounds x="585" y="1431" width="1331" height="969" />
        </backdrop>
        <bezel element="bezel">
            <bounds x="0" y="0" width="2500" height="2652" />
        </bezel>
        <screen index="0">
                   <bounds x="703" y="1525" width="1094" height="820.5" />
        </screen>
    </view>
    <view name="Cropped_Artwork">
        <bounds x="0" y="730" width="2500" height="1922" />
        <backdrop element="backdrop">
            <bounds x="585" y="1431" width="1331" height="969" />
        </backdrop>
        <bezel element="bezel">
            <bounds x="0" y="0" width="2500" height="2652" />
            <color red = "0.3" green = "0.3" blue = "1.0" />
        </bezel>
        <screen index="0">
                   <bounds x="703" y="1525" width="1094" height="820.5" />
        </screen>
    </view>
</mamelayout>

<!--

Edited August 18, 2022 by Dreamstate

[Mr. RetroLust]

4 hours ago, Dreamstate said:

Nope, this doesn't work. All the artwork is on top of the game screen. The only way you'll be able to see through the backdrop is if you make it transparent like your arcade reflection and you haven't done that. Simplest way to check is simply to open it up in any photo vieweer. The whole game screen is black. That means it's not transparent. But be aware, you reduce brightness of images when you make them transparent. The background will look dim and the game play will also not look as bright with imagery on top of it even if it's transparent.

What you want to do is have a background image behind the game screen and then something on top of it. You have to have two separate image files. One, the background/back image. Two, the foreground/front image/top. Make the background the "backdrop" label it "backdrop" in the layfile. Then you have your normal bezel on top.

 

<element name="backdrop">

 

<backdrop element="backdrop">

 

The backdrop comes first in order on your layfile and everything down from there goes on top in order of view.

Example:

<!-- warrior.lay -->

<mamelayout version="2">
    <element name="marquee">
        <image file="warrior_marquee.png" />
    </element>
    <element name="cpanel">
        <image file="warrior_panel.png" />
    </element>
    <element name="speakers">
        <image file="speakers.png" />
    </element>
    <element name="backdrop">
        <image file="warrior.png" />
    </element>
    <element name="bezel">
        <image file="warrior_bezel.png" />
    </element>

    <view name="Marquee">
        <backdrop element="backdrop">
            <bounds x="936" y="2290" width="2130" height="1550" />
        </backdrop>
        <bezel element="bezel">
            <bounds x="0" y="0" width="4000" height="4243" />
        </bezel>
        <marquee element="marquee">
            <bounds x="0" y="-1000" width="4000" height="1000" />
        </marquee>
        <screen index="0">
                   <bounds x="1125" y="2440" width="1750" height="1314" />
        </screen>
    </view>
    <view name="Full_Cabinet">
        <bounds x="0" y="-800" width="4000" height="7100" />
        <backdrop element="backdrop">
            <bounds x="936" y="2290" width="2130" height="1550" />
        </backdrop>
        <bezel element="bezel">
            <bounds x="0" y="0" width="4000" height="4243" />
        </bezel>
        <marquee element="marquee">
            <bounds x="0" y="-800" width="4000" height="1000" />
        </marquee>
        <screen index="0">
                   <bounds x="1125" y="2440" width="1750" height="1314" />
        </screen>
        <cpanel element="cpanel">
            <bounds x="0" y="4263" width="4000" height="2200" />
        </cpanel>
    </view>
    <view name="Full_Cabinet_Lit">
        <bounds x="0" y="-800" width="4000" height="7100" />
        <backdrop element="backdrop">
            <bounds x="936" y="2290" width="2130" height="1550" />
        </backdrop>
        <bezel element="bezel">
            <bounds x="0" y="0" width="4000" height="4243" />
            <color red = "0.3" green = "0.3" blue = "1.0" />
        </bezel>
        <marquee element="marquee">
            <bounds x="0" y="-800" width="4000" height="1000" />
        </marquee>
        <screen index="0">
                   <bounds x="1125" y="2440" width="1750" height="1314" />
        </screen>
        <cpanel element="cpanel">
            <bounds x="0" y="4263" width="4000" height="2200" />
            <color red = "0.3" green = "0.3" blue = "1.0" />
        </cpanel>
    </view>
    <view name="Upright_Artwork">
        <bounds x="0" y="320" width="2500" height="2332" />
        <backdrop element="backdrop">
            <bounds x="585" y="1431" width="1331" height="969" />
        </backdrop>
        <bezel element="bezel">
            <bounds x="0" y="0" width="2500" height="2652" />
        </bezel>
        <screen index="0">
                   <bounds x="703" y="1525" width="1094" height="820.5" />
        </screen>
    </view>
    <view name="Cropped_Artwork">
        <bounds x="0" y="730" width="2500" height="1922" />
        <backdrop element="backdrop">
            <bounds x="585" y="1431" width="1331" height="969" />
        </backdrop>
        <bezel element="bezel">
            <bounds x="0" y="0" width="2500" height="2652" />
            <color red = "0.3" green = "0.3" blue = "1.0" />
        </bezel>
        <screen index="0">
                   <bounds x="703" y="1525" width="1094" height="820.5" />
        </screen>
    </view>
</mamelayout>

<!--

Thanks so much Dreamstate! I'll play around with it tommorow, I think i'll keep it simple though and put the game screen on top of the bezel (i'm getting lazy after all these years lol), hope you can check it for me if it works tommorow.

[LaunchRoo]

I'll check your updated bezel too (when you post it) Mr Retro..and thanks again!

[Mr. RetroLust]

34 minutes ago, LaunchRoo said:

I'll check your updated bezel too (when you post it) Mr Retro..and thanks again!

Thanks bud!

[Dreamstate]

4 hours ago, Mr. RetroLust said:

Thanks so much Dreamstate! I'll play around with it tommorow, I think i'll keep it simple though and put the game screen on top of the bezel (i'm getting lazy after all these years lol), hope you can check it for me if it works tommorow.

Well If you prefer to do it that way, it's as easy as just renaming your bezel to backdrop in the layfile. Normally this wouldn't work if you had anything on the bezel game area like your arcade reflection with the scratches and such. The game screen would sit on top and you wouldn't see any of the reflections. But since this is a vector game everything on screen is blank except the game vectors. So it works easy and looks fine.

warrior.zip

[Mr. RetroLust]

Update: Warrior mame arcade bezel (Thank you @Dreamstate for helping out!)

warrior.zip

 

[Mr. RetroLust]

World Class Bowling mame arcade bezel

wcbowl.zip

[LaunchRoo]

New Warrior bezel looks great Mr Retro..just checked it out.