Skip to content

UI Graphics Editor

Rodimus Prime edited this page Nov 22, 2025 · 3 revisions

UI Graphics Editor

The UI Graphics Editor lets you modify interface elements like the timer banner, copyright notice, and stage indicators.

image

Opening the UI Graphics Editor

From the main window, select Editors → Edit UI Graphics

Interface Overview

The editor displays:

  1. Top Bar - Graphic selector, palette selector, close button
  2. Info Panel - Description of current graphic
  3. Display Area - Large preview of selected graphic
  4. Status Bar - Instructions

Graphic Selection

image

Use the Graphic dropdown to select UI elements:

  • Copyright Notice
  • Timer Banner
  • Player Counter
  • Smart Bomb Counter
  • Stage Banner
  • Title Letters (T, u, t, a, n, k, h, m)

UI Graphics

Copyright Notice

image
  • Size: 102x16 pixels
  • Location: Title screen
  • ROM: j6.6h
  • Notes: Contains © symbol and game credits

Konami Version: "© 1982 KONAMI" Stern Version: "© 1982 KONAMI / STERN ELECTRONICS" Bootleg Version: "1982" (© removed)

Timer Banner

image
  • Size: 32x39 pixels
  • Location: Top of screen during gameplay
  • ROM: j6.6h
  • Notes: Background for countdown timer

Player Counter

image
  • Size: 8x8 pixels
  • Location: Bottom HUD
  • ROM: j6.6h
  • Notes: Shows remaining lives

Smart Bomb Counter

image
  • Size: 16x14 pixels
  • Location: Bottom HUD
  • ROM: j6.6h
  • Notes: Shows remaining smart bombs (genie lamps)

Stage Banner

image
  • Size: 30x32 pixels
  • Location: Between levels
  • ROM: j6.6h
  • Notes: Background for stage number display

Title Letters

image

The game title "TUTANKHAM" uses individual letter graphics:

  • T - 30x25 pixels (ROM: c8.8i)
  • u - 20x20 pixels (ROM: c8.8i)
  • t - 26x14 pixels (ROM: c8.8i)
  • a - 20x20 pixels (ROM: c6.6i)
  • n - 20x20 pixels (ROM: c7.7i)
  • k - 30x20 pixels (ROM: c6.6i)
  • h - 30x20 pixels (ROM: c7.7i)
  • m - 20x26 pixels (ROM: c8.8i)

Palette Selection

image

Change palettes to preview graphics with different colors. UI elements use various palettes depending on context.

Editing UI Graphics

Opening the Pixel Editor

Click the displayed graphic to open the pixel editor.

image

The pixel editor shows:

  • Large canvas - Graphic at high zoom (varies by size)
  • Color palette - 15 colors + background
  • Dimensions - Pixel width x height

Canvas Controls

  • Left Click - Draw with selected color
  • Left Drag - Paint continuously
  • Right Click - Erase to background
  • Grid - Auto-displayed for precision

Color Selection

image
  1. Click any color (0-14) to select
  2. Selected color shows in preview box
  3. Paint on canvas

Real-Time Preview

Changes appear instantly on the canvas.

Auto-Save

UI graphic changes auto-save to ROM cache.

Remember: Use File → Save ROMs to write to disk!

Design Guidelines

Copyright Notice

  • Keep it readable - Small text must be clear
  • Legal accuracy - Match your ROM variant
  • Centered layout - Balanced appearance
  • High contrast - Dark background, bright text

Bootleg Note: If creating a bootleg-style hack, you can remove © and change text to just "1982".

Timer Banner

  • Frame design - Should frame countdown numbers
  • Not too busy - Numbers must be readable
  • Contrasting colors - Background distinct from numbers
  • Symmetrical - Centered design works best

Counter Icons

  • Instantly recognizable - Clear at small size
  • High contrast - Stand out against HUD
  • Simple shapes - Don't overcomplicate
  • Consistent style - Match game art

Stage Banner

  • Decorative frame - Egyptian/adventure theme
  • Number space - Leave room for stage number
  • Eye-catching - Celebrates level completion
  • Thematic - Fits game aesthetic

Title Letters

  • Bold and clear - Readable from distance
  • Consistent style - All letters match
  • Proper spacing - Letters connect properly
  • Thematic design - Adventure/Egyptian motif

Common Modifications

Custom Copyright

Change text to personalize your hack:

  • Add your name
  • Change year
  • Add "Modified by..."
  • Custom credits

Custom Icons

Replace icons with alternatives:

  • Different player sprite
  • Custom bomb design
  • Themed icons

Title Redesign

Create a completely new title:

  • Different font style
  • New letter shapes
  • Alternative logo
  • Subtitle addition

Advanced Techniques

Multi-Element Themes

Design all UI elements with a consistent theme:

  1. Choose color scheme
  2. Design one element
  3. Apply style to others
  4. Test together in-game

Testing UI Graphics

In-Editor Preview

Use palette selector to test with various color schemes.

In-Game Context

Test in MAME to see:

  • Title screen display
  • HUD elements during play
  • Stage transition screens
  • Copyright notice timing

Tips

  • Study originals - Understand design intent
  • Test early - Preview changes in-game
  • Keep backups - Save originals before major edits
  • Consistent theme - Match overall game aesthetic
  • Less is more - Simple designs work best at small sizes

Next Steps

Clone this wiki locally