Battle screen: three monsters, three speech bubbles

About this game

Developer: tobyfox · Publisher: tobyfox · Platform: PC (Steam) · Art style: Pixel art · Screen type: Battle / Tactics

More Undertale screens in the Gallery

What to study

The whole of Undertale's combat design in one black frame. Across the top, three monsters stand in a row, and each one is already talking: a white speech bubble beside every sprite ('Please don't pick on me.', 'Eat Your Greens', 'HEED THE SWARM'), because in this battle system the enemies are characters first and targets second, and their lines are the hints for how to end the fight without killing them. Below them sits the white-bordered bullet board with the small red heart, the SOUL, resting at its centre: when the enemy's turn comes, this box becomes a tiny bullet-hell arena and the heart is the only thing the player directly controls. The bottom strip never changes its grammar: LV 1, an HP bar with '20 / 20', and four orange buttons, FIGHT, ACT, ITEM, MERCY, each with a one-glyph icon. FIGHT and MERCY carry equal visual weight, same size, same row, which is the game's thesis expressed as layout: sparing is not a submenu of fighting, it is a co-equal verb. Frame at about 0:19 in the UNDERTALE Trailer (Steam), manually extracted at 19.3s: the montage holds this tableau for barely half a second inside a white wipe transition, and the scene-change pass caught only the zoomed heart graphic before it (16.3s) and the caption-covered dodge phase after it. Two trailer artifacts are disclosed: the letters 'TRA' at mid-left are the trailer's 'TRAVERSE...' caption mid-type-in, and the thin green grid across the upper field is a trailer production overlay; neither is game UI.

Patterns

How the screen is arranged.

battle-controls board-grid speech-banner minimal-hud

Components

Parts on screen.

Speech bubble Vitals bar

Screen inventory

• three monochrome monsters in a row across the top: a one-eyed horned monster, a grinning heart-shaped vegetable face, and a bug-like monster
• a white rounded speech bubble beside each monster: 'Please don't pick on me.', 'Eat Your Greens', 'HEED THE SWARM'
• the white-bordered rectangular bullet board at centre, empty except the small red heart (the SOUL) resting at its middle
• the status line 'LV 1' and 'HP' with a solid yellow bar and '20 / 20'
• four orange outlined buttons along the bottom, each with a small icon: FIGHT (sword), ACT (sound waves), ITEM (bag), MERCY (X)

Top 3 colors

#000000 70%#1c170e 10%#f4f5f1 8%

Top three palette colors by share. The remaining colors make up the rest.

Source and credit

© tobyfox, Undertale screenshot: UNDERTALE Trailer (Steam), shown for design study and commentary. PlayCraft is an unofficial fan project, not affiliated with or endorsed by tobyfox.

Source tier 2 (publisher-released) · screenshot: Steam store page · Steam page

Source details

Fetched 2026-10-23. verified 2026-10-23: frame manually extracted at 19.3s from the pipeline-downloaded UNDERTALE Trailer (Steam) and inspected visually at full resolution (1920x1080); real game UI (three monsters with speech bubbles 'Please don't pick on me.' / 'Eat Your Greens' / 'HEED THE SWARM', white bullet board with red heart, LV 1 / HP 20/20 status line, FIGHT / ACT / ITEM / MERCY buttons) confirmed visible and legible; the letters 'TRA' at mid-left are the trailer's caption mid-type-in and the thin green grid is a trailer production overlay, both disclosed as not game UI

no published policy found (checked 2026-10-23); fair-use study use, takedown honored within 48h

Rights holders: see Copyright & takedown.