[title: "CharacterPortrait Class"] ← Back to index

Cropped character portrait display for UI elements like results screen.

[heading: "Description"]

CharacterPortrait extends CharacterCroppedDisplay with a predefined crop area for portrait-style character display. Used in results screens and character selection menus.

[heading: "Constructor"] [table header] [ Parameter | Type | Description ] [ x | Number | X position ] [ y | Number | Y position ] [ characterData | Character | Character object ] [/table] [heading: "Crop Area"]

The portrait crop area is defined in CHARACTER_SYSTEM.PORTRAIT_CROP:

[codeblock javascript] PORTRAIT_CROP = { x: 43, y: 11, w: 15, h: 15 } [/codeblock] [heading: "Inherited Methods"]

CharacterPortrait inherits all methods from CharacterDisplay and CharacterCroppedDisplay.

[heading: "Example Usage"] [codeblock javascript] // Create portrait for results screen const character = characterManager.getCurrentCharacter(); const portrait = new CharacterPortrait(112, 41, character); // Update when character changes portrait.updateAppearance(newAppearance); [/codeblock] [footer: "© Retora 2026"]