Visual overhaul: theme, illustrations, redesigned screens (0.3.0)

Phase "habillage" of the post-0.1.0 plan. Rendering was reviewed on real
screenshots (new tools/screenshot.gd, `make screenshot`), which also
caught and fixed map markers overlapping and truncated titles.

- Global Godot theme (Atkinson Hyperlegible font, cream/green/gold
  palette, raised buttons, rounded cards, thick keyboard focus).
- Original vector art: forest/marsh backdrops, Plume the owl, stars,
  exercise-type icons, correct/try-again icons, 10 collection items.
- Redesigned world map (markers as cards with icon, title and stars,
  responsive layout), profile screens, mission intro, exercise host,
  rule/feedback panels, reward screen and collection grid.
- Motion helper (pop-in, fade) honouring an animations setting.
- Settings: animations flag; base window 1152x648 with canvas_items.

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
Denis Defolie
2026-10-11 22:36:43 +02:00
parent ebe2dbe3ed
commit 97a065879c
93 changed files with 2596 additions and 197 deletions
+36 -14
View File
@@ -1,7 +1,9 @@
[gd_scene load_steps=3 format=3]
[gd_scene load_steps=4 format=3]
[ext_resource type="Script" path="res://scenes/profiles/profile_create.gd" id="1"]
[ext_resource type="PackedScene" path="res://scenes/ui/backdrop.tscn" id="backdrop"]
[sub_resource type="ButtonGroup" id="SchoolLevelGroup"]
[node name="ProfileCreate" type="Control"]
@@ -13,6 +15,14 @@ grow_horizontal = 2
grow_vertical = 2
script = ExtResource("1")
[node name="Backdrop" parent="." instance=ExtResource("backdrop")]
layout_mode = 1
anchors_preset = 15
anchor_right = 1.0
anchor_bottom = 1.0
grow_horizontal = 2
grow_vertical = 2
[node name="Margin" type="MarginContainer" parent="."]
layout_mode = 1
anchors_preset = 15
@@ -25,58 +35,70 @@ theme_override_constants/margin_top = 32
theme_override_constants/margin_right = 32
theme_override_constants/margin_bottom = 32
[node name="VBox" type="VBoxContainer" parent="Margin"]
[node name="Center" type="CenterContainer" parent="Margin"]
layout_mode = 2
theme_override_constants/separation = 16
[node name="TitleLabel" type="Label" parent="Margin/VBox"]
[node name="Card" type="PanelContainer" parent="Margin/Center"]
layout_mode = 2
custom_minimum_size = Vector2(640, 0)
[node name="VBox" type="VBoxContainer" parent="Margin/Center/Card"]
layout_mode = 2
theme_override_constants/separation = 14
[node name="TitleLabel" type="Label" parent="Margin/Center/Card/VBox"]
unique_name_in_owner = true
layout_mode = 2
theme_override_font_sizes/font_size = 32
theme_type_variation = &"CardTitle"
horizontal_alignment = 1
[node name="NameLabel" type="Label" parent="Margin/VBox"]
[node name="NameLabel" type="Label" parent="Margin/Center/Card/VBox"]
unique_name_in_owner = true
layout_mode = 2
[node name="NameEdit" type="LineEdit" parent="Margin/VBox"]
[node name="NameEdit" type="LineEdit" parent="Margin/Center/Card/VBox"]
unique_name_in_owner = true
layout_mode = 2
custom_minimum_size = Vector2(0, 48)
[node name="ErrorLabel" type="Label" parent="Margin/VBox"]
[node name="ErrorLabel" type="Label" parent="Margin/Center/Card/VBox"]
unique_name_in_owner = true
layout_mode = 2
autowrap_mode = 2
[node name="LevelLabel" type="Label" parent="Margin/VBox"]
[node name="LevelLabel" type="Label" parent="Margin/Center/Card/VBox"]
unique_name_in_owner = true
layout_mode = 2
[node name="LevelBox" type="HBoxContainer" parent="Margin/VBox"]
[node name="LevelBox" type="HBoxContainer" parent="Margin/Center/Card/VBox"]
layout_mode = 2
theme_override_constants/separation = 16
[node name="CE1Button" type="Button" parent="Margin/VBox/LevelBox"]
[node name="CE1Button" type="Button" parent="Margin/Center/Card/VBox/LevelBox"]
unique_name_in_owner = true
layout_mode = 2
size_flags_horizontal = 3
custom_minimum_size = Vector2(0, 56)
theme_type_variation = &"SecondaryButton"
toggle_mode = true
button_group = SubResource("SchoolLevelGroup")
[node name="CE2Button" type="Button" parent="Margin/VBox/LevelBox"]
[node name="CE2Button" type="Button" parent="Margin/Center/Card/VBox/LevelBox"]
unique_name_in_owner = true
layout_mode = 2
size_flags_horizontal = 3
custom_minimum_size = Vector2(0, 56)
theme_type_variation = &"SecondaryButton"
toggle_mode = true
button_group = SubResource("SchoolLevelGroup")
[node name="ConfirmButton" type="Button" parent="Margin/VBox"]
[node name="ConfirmButton" type="Button" parent="Margin/Center/Card/VBox"]
unique_name_in_owner = true
layout_mode = 2
custom_minimum_size = Vector2(0, 56)
[node name="CancelButton" type="Button" parent="Margin/VBox"]
[node name="CancelButton" type="Button" parent="Margin/Center/Card/VBox"]
unique_name_in_owner = true
theme_type_variation = &"SecondaryButton"
layout_mode = 2
custom_minimum_size = Vector2(0, 48)
+3
View File
@@ -41,14 +41,17 @@ func _refresh_profile_list() -> void:
func _build_profile_row(summary: Dictionary) -> Control:
var row := HBoxContainer.new()
row.add_theme_constant_override("separation", 10)
var select_button := Button.new()
select_button.text = "%s (%s)" % [summary["display_name"], summary["school_level"]]
select_button.size_flags_horizontal = Control.SIZE_EXPAND_FILL
select_button.custom_minimum_size = Vector2(0, 56)
select_button.pressed.connect(_on_profile_selected.bind(summary["profile_id"]))
row.add_child(select_button)
var delete_button := Button.new()
delete_button.theme_type_variation = &"SecondaryButton"
delete_button.text = UIText.get_text("profile_select.delete_button")
delete_button.pressed.connect(_on_delete_requested.bind(summary["profile_id"]))
row.add_child(delete_button)
+26 -8
View File
@@ -1,6 +1,7 @@
[gd_scene load_steps=2 format=3]
[gd_scene load_steps=3 format=3]
[ext_resource type="Script" path="res://scenes/profiles/profile_select.gd" id="1"]
[ext_resource type="PackedScene" path="res://scenes/ui/backdrop.tscn" id="backdrop"]
[node name="ProfileSelect" type="Control"]
layout_mode = 3
@@ -11,6 +12,14 @@ grow_horizontal = 2
grow_vertical = 2
script = ExtResource("1")
[node name="Backdrop" parent="." instance=ExtResource("backdrop")]
layout_mode = 1
anchors_preset = 15
anchor_right = 1.0
anchor_bottom = 1.0
grow_horizontal = 2
grow_vertical = 2
[node name="Margin" type="MarginContainer" parent="."]
layout_mode = 1
anchors_preset = 15
@@ -23,31 +32,40 @@ theme_override_constants/margin_top = 32
theme_override_constants/margin_right = 32
theme_override_constants/margin_bottom = 32
[node name="VBox" type="VBoxContainer" parent="Margin"]
[node name="Center" type="CenterContainer" parent="Margin"]
layout_mode = 2
[node name="Card" type="PanelContainer" parent="Margin/Center"]
layout_mode = 2
custom_minimum_size = Vector2(720, 0)
[node name="VBox" type="VBoxContainer" parent="Margin/Center/Card"]
layout_mode = 2
theme_override_constants/separation = 16
[node name="TitleLabel" type="Label" parent="Margin/VBox"]
[node name="TitleLabel" type="Label" parent="Margin/Center/Card/VBox"]
unique_name_in_owner = true
layout_mode = 2
theme_override_font_sizes/font_size = 32
theme_type_variation = &"CardTitle"
horizontal_alignment = 1
[node name="Scroll" type="ScrollContainer" parent="Margin/VBox"]
[node name="Scroll" type="ScrollContainer" parent="Margin/Center/Card/VBox"]
layout_mode = 2
custom_minimum_size = Vector2(0, 260)
size_flags_vertical = 3
[node name="ProfileList" type="VBoxContainer" parent="Margin/VBox/Scroll"]
[node name="ProfileList" type="VBoxContainer" parent="Margin/Center/Card/VBox/Scroll"]
unique_name_in_owner = true
layout_mode = 2
size_flags_horizontal = 3
theme_override_constants/separation = 8
[node name="EmptyStateLabel" type="Label" parent="Margin/VBox"]
[node name="EmptyStateLabel" type="Label" parent="Margin/Center/Card/VBox"]
unique_name_in_owner = true
layout_mode = 2
autowrap_mode = 2
[node name="NewProfileButton" type="Button" parent="Margin/VBox"]
[node name="NewProfileButton" type="Button" parent="Margin/Center/Card/VBox"]
unique_name_in_owner = true
layout_mode = 2
custom_minimum_size = Vector2(0, 56)