Character screen

In the game, C opens the character screen: the player's characters across its top, one chosen, six tabs down its left, Attributes, Weapons, Artifacts, Constellation, Talents and Profile, and the open tab's panel down its right. The layout is measured off the English PC client's own frame (below). The look is provisional until the passes measure the colours, the portraits and the element's background. Each tab the recording shows is scored against its own frame of it, in the Notes.

How it works

flowchart TD
  C["C, or the Paimon menu's Character"] --> SCREEN["CharacterScreen, a dialog over the held world"]
  SCREEN --> MENU["CharacterMenu: the characters, the name and the tabs"]
  MENU -->|"a character chosen"| CHOSEN["the chosen character"]
  MENU -->|"a tab chosen"| TAB{"which tab?"}
  TAB -->|Attributes| LIST["CharacterAttributeList: level, then the attributes by group"]
  TAB -->|Weapons| WEAPONS["CharacterMenuWeapons: the weapon at its level and phase"]
  TAB -->|Artifacts| ARTIFACTS["CharacterMenuArtifacts: the five slots, worn or not"]
  TAB -->|Constellation| CONSTELLATIONS["CharacterMenuConstellation: six rings, activated ones lit"]
  TAB -->|Talents| TALENTS["CharacterMenuTalents: the three combat talents' levels"]
  TAB -->|Profile| EMPTY["An empty panel, not built yet"]
  CHOSEN --> LIST

• A frame with no words of its own. CharacterMenu, in genshin-interface, draws the frame: the characters across the top, each a button naming the character, the chosen character's name at the top left, the six tabs down the left in the game's order (CharacterMenuTabs) with the open one lit, and the open tab's panel down the right as its slot. The chosen character and the open tab are its two models. Every word is a prop, so the interface package needs no game text and no world data.
• The world's screen fills it. CharacterScreen, in genshin-world, takes the player's characters, the one on the field, the game's words, the party's stamina and the stat tables the world screen has read before it opens (character attributes). It opens on the character on the field and on Attributes, names each tab by the game's own text (CharacterMenuTabGameTextKeyMap) and the Traveler by the game's own word for them, and draws the open tab's panel: the Attributes list, or one of the four panels below. It is a dialog over the held world with a way back, and the screens' rule closes it on Escape, a pad's cancel or C again (screens).
• The Attributes tab is the game's sums. CharacterAttributeList shows the character's name, its level over its phase's cap in the game's Lv. wording, the experience bar, then its base five attributes: Max HP, ATK, DEF, Elemental Mastery and Max Stamina, whole. The advanced group (CRIT Rate, CRIT DMG, Healing Bonus and Energy Recharge) and each element's DMG Bonus with Physical's sit beneath, each a percentage to one place, under their titles. Every value comes from character attributes.
• The four other panels are genshin-interface components, filled from the systems. CharacterMenuWeapons takes the weapon's name by its text id, its rarity, its base ATK and secondary attribute at its level and phase, each attribute's lines summed as the Attributes tab sums them (getGrownAttributeLines, computeCharacterAttributes), the secondary written whole or as a percentage by its kind, the level over its phase's cap, its refinement rank and its ascension phase. CharacterMenuArtifacts takes which of the five slots are worn, in the game's order. CharacterMenuConstellation takes which of the six are activated, from the character's count. CharacterMenuTalents takes the three combat talents' levels, the normal attack, the Elemental Skill and the Burst. Each is a prop-only frame with the game's words left out, since the game's text for their labels and names is not decoded yet.

Layout

Measured off the reference frame at 21:9, 3440 by 1440 pixels, in units: a pixel at 1440 high is 0.75 units, so the frame is 2580 units wide. Anchored pieces are placed from the edge they ride on, as the game places them.

Decisions

• The layout is the reference's. The earlier frame drew the characters down the left and the tabs down the right; the game draws them the other way round. It was read off the user's own recording of the current build at 21:9 (captures/session-2.mp4, its English text, 49.9 frames a second), the character screen from about 154 seconds on, every tab in turn.
• The panel is anchored to the right edge. It moves with the window's width. Where the game anchors it at 16:9 is not measured yet: the reference is 21:9 only.
• The name has no element prefix yet. The game writes the element before the name (Geo / Xilonen). That needs the element on CharacterMenuEntry, which is not built, so the breadcrumb shows the name alone.
• The open tab's pill slides. At 158 seconds the pill is still moving from Constellation to Talents while Talents' text is already bold, and by 159 seconds the pill has faded out of its old place. The slide is not measured yet; it waits on the recording named in the roadmap.
• Profile's red alert is not drawn. The game marks Profile with a red alert when something waits there; its trigger is not built.
• No heading over the panel. The game draws the open tab's name nowhere on this frame; the lit row on the left says it.
• Portraits are name circles. The game's portraits are its own art, an asset the rules keep out of the repository; the circles stand in until a derived one is settled.
• The background is one element's tint, per tab. Each tab draws its own backdrop, a four-stop vertical gradient sampled from that tab's reference frame (numbers only, never the image) and held in CharacterMenu's style. Profile has no reference frame, so it keeps Geo's radial tint. Each element has its own tint in the game, which is not built.
• The player's UID is not drawn. The reference shows it under the panel; it is the player's own data.

Notes

• Five states are scored, each a frame of the same recording. Character/Screen fixes the roster of fifteen characters, the Traveler among them, with Xilonen chosen at level 90 and phase six, and its stat tables parsed from the generated tables by parseStatTables. initialTab opens the screen on the tab the reference shows, and the fixture's variants open it on the other four. Each reference is a frame of the user's recording of the current build (session-2.mp4) at 21:9, the tab settled, and it is scored over the whole frame and the tab column:

Attributes stayed at 8.10% (FLIP 0.3570) before the per-tab backdrop, and Xilonen's record now holds the Weapons and Talents frames' state (Peak Patrol Song at level 90, refinement five, and talents at 10, 13 and 13), which moves no Attributes figure by more than 0.01 (the panel's row, 7.96% to 7.97%). The four panels are drawn in this pass. Their whole-frame means barely move, while their shape rises: Weapons 0.334 to 0.477, Artifacts 0.347 to 0.477, Constellation 0.330 to 0.387, Talents 0.434 to 0.463. The Attributes, Weapons and Talents tab columns do not move, since the pill and words are the same.

The Artifacts and Constellation references do not show their tabs, so their whole-frame scores cannot show their panels. The 157 second frame was mid-slide, with Weapons still lit and its Weapons panel still drawn, so Artifacts is re-timed to 157.5 seconds, where its tab has settled. The Constellation tab's node list is still fading in at 158 seconds, so it is re-timed to 158.3 seconds, where the list is drawn in full. Their tab-column references, character-artifacts-tabs and character-constellation-tabs, are re-timed the same way, to 157.5 and 158.3 seconds. Artifacts' column moves from 6.90% to 6.73% (FLIP 0.3196 to 0.3174; its shape falls from 0.505 to 0.478). Constellation's column rises from 6.90% to 27.18% (FLIP 0.3190 to 0.8280), and that rise is the held scene, not the tabs: at 158.3 seconds the column's left is dark brown where the flat tint is gold, while the old 157.5 second frame was gold, so its 6.90% was the scene agreeing with the tint. The pill's slide is provisional until it is timed off a recording (the owed clip menu-character.mkv, and the Profile still on the roadmap's Recordings owed list).

• The Constellation panel is drawn. Its six rings sit where the tab's list is at 158.3 seconds: 72 units across, their centres 111 units apart down the panel on an arc that bows right at the middle, all six lit, as Xilonen's record now holds all six constellations (constellationCount 6). The whole frame's mean moves from 23.19% to 23.13% (FLIP 0.7391 to 0.7374, shape 0.538 to 0.624), and the tab column stays at 27.18% under the flat tint, since the panel sits outside it. The per-tab backdrop then brings the column to 5.32%. The icons are the game's art, which the rules keep out of the repository, and the names wait on the game's text, so neither is drawn.
• The rest of the frame is the game's scene, a floor for now. The middle is the held scene: the golden beams and particles and the character's model, which rises over 154.4 to 155.6 seconds and is the game's art, so the screen draws each tab's backdrop from its reference's scene and nothing more. The backdrop is sampled over the whole frame less its head band and its foot, as the median of six horizontal bands: the panels and the tab column are text over the scene, with no fill of their own in the reference. Sampling only the area the panels leave bare scored worse on every tab column but one, so it was not kept.
• Not drawn yet, for want of text or art. The Details button and the Friendship row with its bar, which the default panel shows under the base rows, and the character's description: their words are not in the decoded English text yet. The element emblem, the element-coloured stars, the Q and E keys, W and S, the arrows, the Ascension Limit pill and the UID wait on the glyph pass or the text. The panel shows the advanced and elemental groups beneath the base five, which the game holds behind Details.
• The level line reads "Lv. 90/90". The game writes "Level 90 / 90", a wording not in the decoded text yet.
• The Attributes tab's motion is owed. The pill's slide and the model's rise are read off the recording at 60 frames a second once character-details.mkv and the other owed clips land on the roadmap's Recordings owed list.
• The 16:9 layout is anchored, not measured. At 16:9 the panel stays right-anchored, as the settled call holds, and character-attributes-1080.png on the roadmap's Recordings owed list checks it.
• Only the Traveler and the roster's names come from the game's text. Every other character's name is read from the name text map (nameText), which the world screen loads for the banners as well.

Key files

Sources

• The English PC client's character screen, from the user's own recording of the current build at 21:9 (captures/session-2.mp4): Attributes at about 154 seconds, then Weapons, Artifacts, Constellation and Talents one second apart, the reference frame at 154 seconds.
• Character Menu, Genshin Impact Wiki: C, the list of characters, the six tabs and what each shows, and the Attributes tab's summary and details. Its screenshots of this screen are phone-sized (File:Traveler Pyro Character Details 1.png, 700 by 1213), so they settle the phone's layout, not the PC's.