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!

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