ee5439285c
Pivots from M5's code-built UI to the editor-authorable .tscn pattern
recommended in GODOT_PORTING_GUIDE.md, after a session of fighting
Godot idioms with code-only layout. Default theme only; the parchment
Theme lands last per the guide's §12 build order so layout bugs surface
as layout bugs, not theming bugs.
GODOT_PORTING_GUIDE.md:
Authored by Claude Design as the canonical port reference. Maps the
React prototype's structure onto Godot 4.6 with concrete code sketches
and a build-order recommendation. Drove the M6 architecture.
Fonts/:
Cormorant Garamond (Medium + MediumItalic) and Crimson Pro (Regular +
Italic + SemiBold) under OFL — the React prototype's serif-display
and serif-body families. Not yet wired through CodexTheme.Build()
because theming is deferred; CodexTheme.LoadFontFromFonts already
picks them up automatically when the Theme pass lands.
Scenes/Wizard.tscn + Wizard.cs:
Wizard shell per guide §4: codex-header (title + folio counter) +
Stepper + Page (StepHost + Aside) + NavBar (Back / validation / Next).
All node lookups via unique-name (%) syntax; layout authored as a
scene file you can open in the editor. Step lifecycle drives the
Aside via signal binding. Stepper logic mirrors app.jsx — locked
iff some EARLIER step is unsatisfied; "type not yet implemented"
doesn't lock.
Scenes/Aside.tscn + Aside.cs:
Right-rail summary per guide §10. Single Refresh() rebuild on
CharacterDraft.Changed; cheap enough not to bother with partial
updates. Width 320 (was 380 before the layout overflow fix).
Scenes/Steps/IStep.cs + StepClade.cs:
Per-step Bind(draft) + Validate() contract. StepClade renders the
3-column clade card grid; click commits via CharacterDraft.Patch
which triggers the Resource.Changed signal that Aside and Wizard
both subscribe to.
UI/CharacterDraft.cs:
Resource (not Node) per guide §2.1. Mirrors app.jsx's `state` shape
exactly. Patch(dictionary) emits the inherited Resource.Changed
signal — listeners use `draft.Changed += handler` regardless of
which field changed. CodexContent provides lazy-loaded immutable
content tables (Clades, Species, Classes, Subclasses, Backgrounds).
Main.{cs,tscn}: Node → Control
When Main was a Node, Control children couldn't anchor to a real
parent rect — they sat at (0,0) at intrinsic min size. With wide
step content (3-column 200-px-card grid), the Wizard's min size
pushed the navbar beyond the viewport's right edge, hiding the Next
button on smaller windowed viewports. Making Main a full-rect-
anchored Control gives child scenes a proper rect to lay out in.
UI/Widgets/CodexStepper.cs:
Anchored the inner vbox to fill the button rect. Without this, the
vbox sat at the button's top-left at intrinsic size and labels
rendered in the corner — visible as the active-step label being
off-center from the highlight bar.
Verified at 1152x720 windowed and (separately) at fullscreen:
- 3-column card grid fits inside Wrap margins + Aside without
horizontal overflow
- Stepper labels centered under their highlight bars
- Next button visible after clade selection; future steps switch
to "coming soon" placeholder when clicked
- Aside summary fills in CLADE block on selection
Closes M6.1. Next per guide §12 build order: M6.2 — StepStats with
drag-drop (highest-risk piece, de-risk before easy steps).
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
167 lines
6.1 KiB
C#
167 lines
6.1 KiB
C#
using Godot;
|
|
|
|
namespace Theriapolis.GodotHost.Scenes;
|
|
|
|
/// <summary>
|
|
/// Character creation wizard shell. Mirrors <c>src/app.jsx</c> per
|
|
/// GODOT_PORTING_GUIDE.md §4: header + stepper + page (step + aside) +
|
|
/// nav bar. Owns the <see cref="CharacterDraft"/> resource and dispatches
|
|
/// each step's content into the StepHost.
|
|
///
|
|
/// Default theme only at this layer — per guide §12 (build order),
|
|
/// the parchment Theme lands as a final pass once structural correctness
|
|
/// is verified. Until then, font/colour issues are clearly font/colour
|
|
/// issues, not layout issues.
|
|
/// </summary>
|
|
public partial class Wizard : Control
|
|
{
|
|
[Signal] public delegate void BackToTitleEventHandler();
|
|
|
|
private static readonly string[] StepKeys =
|
|
{ "clade", "species", "class", "subclass", "background", "stats", "skills", "review" };
|
|
private static readonly string[] StepNames =
|
|
{ "Clade", "Species", "Calling", "Subclass", "History", "Abilities", "Skills", "Sign" };
|
|
|
|
public UI.CharacterDraft Character { get; private set; } = null!;
|
|
|
|
private UI.Widgets.CodexStepper _stepper = null!;
|
|
private Control _stepHost = null!;
|
|
private Label _folioLabel = null!;
|
|
private Label _validation = null!;
|
|
private Label _navProgress = null!;
|
|
private Button _backBtn = null!;
|
|
private Button _nextBtn = null!;
|
|
|
|
private int _step;
|
|
private Steps.IStep? _activeStep;
|
|
private static readonly System.Type?[] StepTypes =
|
|
{
|
|
typeof(Steps.StepClade), // 0 Clade — implemented
|
|
null, // 1 Species
|
|
null, // 2 Calling
|
|
null, // 3 Subclass
|
|
null, // 4 History
|
|
null, // 5 Abilities
|
|
null, // 6 Skills
|
|
null, // 7 Sign
|
|
};
|
|
|
|
public override void _Ready()
|
|
{
|
|
Character = new UI.CharacterDraft();
|
|
|
|
_stepper = GetNode<UI.Widgets.CodexStepper>("%Stepper");
|
|
_stepHost = GetNode<Control>("%StepHost");
|
|
_folioLabel = GetNode<Label>("%FolioLabel");
|
|
_validation = GetNode<Label>("%ValidationLabel");
|
|
_navProgress = GetNode<Label>("%NavProgress");
|
|
_backBtn = GetNode<Button>("%BackButton");
|
|
_nextBtn = GetNode<Button>("%NextButton");
|
|
|
|
var aside = GetNode<Aside>("%Aside");
|
|
aside.SetDraft(Character);
|
|
|
|
_stepper.StepClicked += OnStepperClicked;
|
|
_backBtn.Pressed += OnBackPressed;
|
|
_nextBtn.Pressed += OnNextPressed;
|
|
Character.Changed += UpdateChrome;
|
|
|
|
SwitchToStep(0);
|
|
}
|
|
|
|
// ──────────────────────────────────────────────────────────────────────
|
|
// Step lifecycle
|
|
|
|
private void SwitchToStep(int index)
|
|
{
|
|
if (index < 0 || index >= StepKeys.Length) return;
|
|
_step = index;
|
|
|
|
foreach (var c in _stepHost.GetChildren()) c.QueueFree();
|
|
_activeStep = null;
|
|
|
|
var t = StepTypes[index];
|
|
if (t is null)
|
|
{
|
|
_stepHost.AddChild(new Label
|
|
{
|
|
Text = $"{StepNames[index]} step — coming soon.",
|
|
});
|
|
}
|
|
else
|
|
{
|
|
var instance = (Steps.IStep)System.Activator.CreateInstance(t)!;
|
|
_activeStep = instance;
|
|
instance.Bind(Character);
|
|
_stepHost.AddChild((Control)instance);
|
|
}
|
|
|
|
UpdateChrome();
|
|
}
|
|
|
|
private void OnStepperClicked(int index)
|
|
{
|
|
if (index <= _step) { SwitchToStep(index); return; }
|
|
// Forward jump requires current step satisfied. Unimplemented future
|
|
// steps still accept the jump — SwitchToStep will show a placeholder.
|
|
if (_activeStep?.Validate() is not null) return;
|
|
SwitchToStep(index);
|
|
}
|
|
|
|
private void OnBackPressed()
|
|
{
|
|
if (_step == 0) { EmitSignal(SignalName.BackToTitle); return; }
|
|
SwitchToStep(_step - 1);
|
|
}
|
|
|
|
private void OnNextPressed()
|
|
{
|
|
if (_step < StepKeys.Length - 1) SwitchToStep(_step + 1);
|
|
}
|
|
|
|
// ──────────────────────────────────────────────────────────────────────
|
|
// Chrome (header, stepper, nav-bar) refresh
|
|
|
|
private void UpdateChrome()
|
|
{
|
|
_folioLabel.Text = $"Folio {Roman(_step + 1)} of VIII — {StepNames[_step]}";
|
|
|
|
bool valid = _activeStep?.Validate() is null;
|
|
string? err = _activeStep?.Validate();
|
|
_validation.Text = err ?? (_step == StepKeys.Length - 1 ? "Ready to sign" : "Folio complete");
|
|
_nextBtn.Disabled = !valid;
|
|
_nextBtn.Visible = _step < StepKeys.Length - 1;
|
|
_backBtn.Text = _step == 0 ? "← Title" : "← Back";
|
|
_navProgress.Text = $"{_step + 1} / {StepKeys.Length}";
|
|
|
|
RebuildStepperStates(valid);
|
|
}
|
|
|
|
private void RebuildStepperStates(bool currentSatisfied)
|
|
{
|
|
// Mirrors app.jsx's lock semantics: a step is Locked iff some EARLIER
|
|
// step is unsatisfied. "Type not yet implemented" doesn't affect the
|
|
// lock state — clicking an unimplemented step just shows a placeholder.
|
|
var states = new UI.Widgets.CodexStepper.StepState[StepNames.Length];
|
|
for (int i = 0; i < StepNames.Length; i++)
|
|
{
|
|
if (i == _step)
|
|
states[i] = UI.Widgets.CodexStepper.StepState.Active;
|
|
else if (i < _step)
|
|
states[i] = UI.Widgets.CodexStepper.StepState.Complete;
|
|
else
|
|
states[i] = currentSatisfied
|
|
? UI.Widgets.CodexStepper.StepState.Pending
|
|
: UI.Widgets.CodexStepper.StepState.Locked;
|
|
}
|
|
_stepper.SetSteps(StepNames, states);
|
|
}
|
|
|
|
private static string Roman(int n) => n switch
|
|
{
|
|
1 => "I", 2 => "II", 3 => "III", 4 => "IV",
|
|
5 => "V", 6 => "VI", 7 => "VII", 8 => "VIII",
|
|
_ => n.ToString(),
|
|
};
|
|
}
|