Main Restorations Software Audio/Jukebox/MP3 Everything Else Buy/Sell/Trade
Project Announcements Monitor/Video GroovyMAME Merit/JVL Touchscreen Meet Up Retail Vendors
Driving & Racing Woodworking Software Support Forums Consoles Project Arcade Reviews
Automated Projects Artwork Frontend Support Forums Pinball Forum Discussion Old Boards
Raspberry Pi & Dev Board controls.dat Linux Miscellaneous Arcade Wiki Discussion Old Archives
Lightguns Arcade1Up Try the site in https mode Site News

Unread posts | New Replies | Recent posts | Rules | Chatroom | Wiki | File Repository | RSS | Submit news

  

Author Topic: Layout Transparency & Layering  (Read 2477 times)

0 Members and 1 Guest are viewing this topic.

system01

  • Trade Count: (+1)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 283
  • Last login:March 04, 2023, 08:06:55 pm
  • System Idle Processes are the Devil's Playthings
Layout Transparency & Layering
« on: November 26, 2008, 10:12:23 pm »
Allright, Im trying to salvage the 'Winter' theme, using the screen that I upped in mrclean's thread.  Im having a hell of a time with layering.  Heres what Im trying to do:

From the bottom to top (z-order):
- Basic background (solid, regular JPG)
- Gamelist, snap, marquee (your usual files)
- Some icicle & snow overhang, obscuring the tops of items listed above (a giant transparent image that fits the entire window)
- falling snow over everything (another txparent image using the scrolling feature)

It seems I can get one txparent object to play nicely, but when I start piling up both txparencies, it just seems to "think" (read: hang) on mala startup.

What I guess Im asking is is whats the limiting factor here?  File size?  I understand its loading several largish images at once, and then calculating txparency.  Is is file type?  Ive been messing with PNG, GIF, BMP, (on top of a JPG back) all with the tx button on and off.  Or is it just that Im laying to much transparent stuff and its too much to crunch?  Or am I mixing too many formats into one app?

I read through the Wiki, but it'd be nice is there was a "use PNG for animations, use BMP for static txparencies" type of thing.  Ive been experimenting for about 10 hours with this and keep getting stuck.

 :banghead:

Thx for any help
system

system01

  • Trade Count: (+1)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 283
  • Last login:March 04, 2023, 08:06:55 pm
  • System Idle Processes are the Devil's Playthings
Re: Layout Transparency & Layering
« Reply #1 on: December 10, 2008, 10:50:56 pm »
No love, eh?

Well, I guess Ill post what I got for future generations.

After messing with this for far too long, and then playing with it again for the Christmas theme, and then again for WIP layouts, this is what Ive found works best.  For me, at least:

Use JPGs for the background image.  Im assuming PNGs will work equally well.  Using PNGs for the transparent or overlay layers will give you the crispest edges.  JPGs, BMPs, & what else all give you a pretty fuzzy black "halo" around the non-transparent pieces.

I use a somewhat high-res for the images, usually 300 dpi.  And make your transparent color a similar color to what your laying on top of.  ie. If youre putting something over an ocean, use a light-blue solid color.  Just keep it "off" enough to not bleed through surrounding colors.  That way, if you do get a small fuzzy edge on your transparency, itll mostly blend in.

As far as loading times... still unresolved.

loadman

  • Moderator
  • Trade Count: (+3)
  • Full Member
  • *****
  • Offline Offline
  • Posts: 4306
  • Last login:May 26, 2024, 05:14:32 am
  • Cocktail Cab owner and MaLa FE developer
    • MaLa
Re: Layout Transparency & Layering
« Reply #2 on: April 10, 2009, 08:27:37 pm »

May be able to make a better solution in future....  Hang in there