Jump to content
LaunchBox Community Forums

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


Mr. RetroLust

Recommended Posts

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 by Dreamstate
  • Thanks 1
Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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

  • Thanks 1
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...