The NEW Build Your Own Arcade Controls
Main => Artwork => Topic started by: killallhumans on January 31, 2019, 10:20:59 am
-
What shall, we use, to fill, the empty, - spaces?
Can we have one place to share artwork?
Custom creations:
* Backdrops, bezels, menus, and elements. (pref *.zip file of 32-bit png layers)
* FrontEnd themes.
* Marquee, tabletop, cp, and side art.
I won't sell anything i've spent time drawing,
but i would let others freely use* them.
*Use: To copy, modify, or change, without any fee or credit required.
Sample of moving on-screen joystick in tall (768x1366) PacMan.lay
This bezel trick works for shifters, status lights, and other MAME outputs.
-
<!-- pacman.lay -->
<mamelayout version="2">
<element name="backdrop">
<image file="main.png" />
</element>
<element name="blue_ctr">
<image file="blue_ctr.png">
<bounds left="0" right="120" top="0" bottom="120" />
</image>
</element>
<element name="js1_0x01" defstate="0">
<image file="blue_up.png" state="0">
<bounds left="0" right="120" top="0" bottom="120" />
<color alpha="0.0" />
</image>
<image file="blue_up.png" state="1">
<bounds left="0" right="120" top="0" bottom="120" />
<color alpha="1.0" />
</image>
</element>
<element name="js1_0x02" defstate="0">
<image file="blue_left.png" state="0">
<bounds left="0" right="120" top="0" bottom="120" />
<color alpha="0.0" />
</image>
<image file="blue_left.png" state="1">
<bounds left="0" right="120" top="0" bottom="120" />
<color alpha="1.0" />
</image>
</element>
<element name="js1_0x04" defstate="0">
<image file="blue_right.png" state="0">
<bounds left="0" right="120" top="0" bottom="120" />
<color alpha="0.0" />
</image>
<image file="blue_right.png" state="1">
<bounds left="0" right="120" top="0" bottom="120" />
<color alpha="1.0" />
</image>
</element>
<element name="js1_0x08" defstate="0">
<image file="blue_down.png" state="0">
<bounds left="0" right="120" top="0" bottom="120" />
<color alpha="0.0" />
</image>
<image file="blue_down.png" state="1">
<bounds left="0" right="120" top="0" bottom="120" />
<color alpha="1.0" />
</image>
</element>
<element name="red_ctr">
<image file="red_ctr.png">
<bounds left="0" right="120" top="0" bottom="120" />
</image>
</element>
<element name="js0_0x01" defstate="0">
<image file="red_up.png" state="0">
<bounds left="0" right="120" top="0" bottom="120" />
<color alpha="0.0" />
</image>
<image file="red_up.png" state="1">
<bounds left="0" right="120" top="0" bottom="120" />
<color alpha="1.0" />
</image>
</element>
<element name="js0_0x02" defstate="0">
<image file="red_left.png" state="0">
<bounds left="0" right="120" top="0" bottom="120" />
<color alpha="0.0" />
</image>
<image file="red_left.png" state="1">
<bounds left="0" right="120" top="0" bottom="120" />
<color alpha="1.0" />
</image>
</element>
<element name="js0_0x04" defstate="0">
<image file="red_right.png" state="0">
<bounds left="0" right="120" top="0" bottom="120" />
<color alpha="0.0" />
</image>
<image file="red_right.png" state="1">
<bounds left="0" right="120" top="0" bottom="120" />
<color alpha="1.0" />
</image>
</element>
<element name="js0_0x08" defstate="0">
<image file="red_down.png" state="0">
<bounds left="0" right="120" top="0" bottom="120" />
<color alpha="0.0" />
</image>
<image file="red_down.png" state="1">
<bounds left="0" right="120" top="0" bottom="120" />
<color alpha="1.0" />
</image>
</element>
<view name="Generic_Artwork">
<screen index="0">
<bounds x="0" y="171" width="768" height="1024" />
</screen>
<bezel element="blue_ctr">
<bounds x="324" y="25" width="120" height="120" />
<orientation rotate="180" />
<color alpha="1.0" />
</bezel>
<bezel element="js1_0x01" inputtag="IN1" inputmask="0x01">
<bounds x="324" y="25" width="120" height="120" />
<orientation rotate="180" />
<color alpha="1.0" />
</bezel>
<bezel element="js1_0x02" inputtag="IN1" inputmask="0x02">
<bounds x="324" y="25" width="120" height="120" />
<orientation rotate="180" />
<color alpha="1.0" />
</bezel>
<bezel element="js1_0x04" inputtag="IN1" inputmask="0x04">
<bounds x="324" y="25" width="120" height="120" />
<orientation rotate="180" />
<color alpha="1.0" />
</bezel>
<bezel element="js1_0x08" inputtag="IN1" inputmask="0x08">
<bounds x="324" y="25" width="120" height="120" />
<orientation rotate="180" />
<color alpha="1.0" />
</bezel>
<bezel element="red_ctr">
<bounds x="324" y="1221" width="120" height="120" />
<color alpha="1.0" />
</bezel>
<bezel element="js0_0x01" inputtag="IN0" inputmask="0x01">
<bounds x="324" y="1221" width="120" height="120" />
<color alpha="1.0" />
</bezel>
<bezel element="js0_0x02" inputtag="IN0" inputmask="0x02">
<bounds x="324" y="1221" width="120" height="120" />
<color alpha="1.0" />
</bezel>
<bezel element="js0_0x04" inputtag="IN0" inputmask="0x04">
<bounds x="324" y="1221" width="120" height="120" />
<color alpha="1.0" />
</bezel>
<bezel element="js0_0x08" inputtag="IN0" inputmask="0x08">
<bounds x="324" y="1221" width="120" height="120" />
<color alpha="1.0" />
</bezel>
<backdrop element="backdrop">
<bounds x="0" y="0" width="768" height="1366" />
</backdrop>
</view>
</mamelayout>
-
[bump]
Welcome,
Thank you, 200+ people, for reading.
Any thoughts?
Would board moderator like to comment?