diff --git a/main/main.gd b/main/main.gd index 7894214..21e621f 100644 --- a/main/main.gd +++ b/main/main.gd @@ -24,6 +24,12 @@ const FishingShopType = preload("res://ui/fishing_shop.gd") const FishingShopInteractionType = preload( "res://world/fishing_shop_interaction.gd" ) +const UIPixelationPresenterType = preload( + "res://ui/ui_pixelation_presenter.gd" +) +const PixelationResetOverlayType = preload( + "res://ui/pixelation_reset_overlay.gd" +) const TITLE_MUSIC_SILENCE_DB: float = -80.0 @@ -43,6 +49,10 @@ const TITLE_MUSIC_SILENCE_DB: float = -80.0 @onready var _save_manager: PlayerSaveManagerType = %PlayerSaveManager @onready var _settings_manager: PlayerSettingsManagerType = %PlayerSettingsManager @onready var _title_music: AudioStreamPlayer = %TitleMusic +@onready var _ui_pixelation: UIPixelationPresenterType = %UIPresentation +@onready var _pixelation_reset: PixelationResetOverlayType = ( + %PixelationResetOverlay +) var _gameplay_started: bool = false var _shop_interaction: FishingShopInteractionType @@ -119,6 +129,22 @@ func _ready() -> void: _apply_runtime_settings ): _settings_manager.settings_changed.connect(_apply_runtime_settings) + _ui_pixelation.effective_pixel_size_changed.connect( + _on_effective_ui_pixel_size_changed + ) + _game_ui.pixelation_settings_visibility_changed.connect( + _pixelation_reset.set_settings_open + ) + _game_ui.crisp_reset_focus_requested.connect( + _pixelation_reset.focus_reset_button + ) + _game_ui.interactive_pointer_ui_changed.connect( + _ui_pixelation.set_interactive_ui_open + ) + _pixelation_reset.return_to_settings_requested.connect( + _game_ui.focus_open_settings_back_button + ) + _pixelation_reset.reset_requested.connect(_reset_pixelation) _settings_manager.load_settings() _apply_runtime_settings(_settings_manager.current_settings) _set_gameplay_active(false) @@ -215,6 +241,18 @@ func _process(_delta: float) -> void: func _apply_runtime_settings(settings: PlayerSettingsType) -> void: if settings == null: return + var root_viewport: Viewport = get_viewport() + root_viewport.scaling_3d_mode = Viewport.SCALING_3D_MODE_NEAREST + root_viewport.scaling_3d_scale = PlayerSettingsType.get_world_render_scale( + settings.world_pixel_size + ) + root_viewport.msaa_3d = Viewport.MSAA_DISABLED + root_viewport.screen_space_aa = Viewport.SCREEN_SPACE_AA_DISABLED + root_viewport.use_taa = false + _ui_pixelation.set_pixel_size(settings.ui_pixel_size) + _game_ui.get_title_screen().set_world_pixelation( + settings.world_pixel_size + ) _player.apply_camera_settings( settings.mouse_camera_sensitivity, settings.controller_camera_sensitivity, @@ -226,8 +264,24 @@ func _apply_runtime_settings(settings: PlayerSettingsType) -> void: ) +func _on_effective_ui_pixel_size_changed( + _requested_pixel_size: int, + effective_pixel_size: int, +) -> void: + _game_ui.set_effective_ui_pixel_size(effective_pixel_size) + + +func _reset_pixelation() -> void: + if _settings_manager.apply_pixelation( + PlayerSettingsType.DEFAULT_WORLD_PIXEL_SIZE, + PlayerSettingsType.DEFAULT_UI_PIXEL_SIZE + ): + _game_ui.refresh_open_settings_panel() + + func _set_gameplay_active(active: bool) -> void: _gameplay_started = active + _ui_pixelation.set_gameplay_active(active) if not active: _player.item_effects.reset_all() _player.set_movement_enabled(active) diff --git a/main/main.tscn b/main/main.tscn index d8565ec..9729966 100644 --- a/main/main.tscn +++ b/main/main.tscn @@ -1,4 +1,4 @@ -[gd_scene load_steps=14 format=3] +[gd_scene load_steps=16 format=3] [ext_resource type="PackedScene" path="res://world/test_world.tscn" id="1_world"] [ext_resource type="PackedScene" path="res://player/player.tscn" id="2_player"] @@ -13,6 +13,8 @@ [ext_resource type="Resource" path="res://items/catalog/item_catalog.tres" id="11_items"] [ext_resource type="Resource" path="res://economy/buyers/main_fishing_shop.tres" id="12_main_shop"] [ext_resource type="AudioStream" path="res://audio/music/title/as_in_four_wolves.ogg" id="13_title_music"] +[ext_resource type="Script" path="res://ui/ui_pixelation_presenter.gd" id="14_pixelation"] +[ext_resource type="PackedScene" path="res://ui/pixelation_reset_overlay.tscn" id="15_reset"] [node name="Main" type="Node3D"] script = ExtResource("3_main") @@ -51,5 +53,23 @@ stream = ExtResource("13_title_music") volume_db = -80.0 bus = &"Music" -[node name="GameUI" parent="." instance=ExtResource("5_ui")] +[node name="UIPresentation" type="SubViewportContainer" parent="."] +unique_name_in_owner = true +texture_filter = 1 +offset_right = 1152.0 +offset_bottom = 648.0 +mouse_filter = 0 +stretch = true +script = ExtResource("14_pixelation") + +[node name="UIViewport" type="SubViewport" parent="UIPresentation"] +transparent_bg = true +handle_input_locally = false +size = Vector2i(1152, 648) +render_target_update_mode = 4 + +[node name="GameUI" parent="UIPresentation/UIViewport" instance=ExtResource("5_ui")] +unique_name_in_owner = true + +[node name="PixelationResetOverlay" parent="." instance=ExtResource("15_reset")] unique_name_in_owner = true diff --git a/project.godot b/project.godot index 1788218..3b0f605 100644 --- a/project.godot +++ b/project.godot @@ -18,7 +18,7 @@ config/icon="res://icon.svg" [display] -window/stretch/mode="canvas_items" +window/stretch/mode="disabled" window/stretch/aspect="expand" [gui] diff --git a/settings/player_settings.gd b/settings/player_settings.gd index 3c5581a..0d3657e 100644 --- a/settings/player_settings.gd +++ b/settings/player_settings.gd @@ -7,12 +7,22 @@ const MIN_MOUSE_SENSITIVITY: float = 0.001 const MAX_MOUSE_SENSITIVITY: float = 0.012 const MIN_CONTROLLER_SENSITIVITY: float = 0.5 const MAX_CONTROLLER_SENSITIVITY: float = 5.0 +const MIN_WORLD_PIXEL_SIZE: int = 1 +const MAX_WORLD_PIXEL_SIZE: int = 5 +const DEFAULT_WORLD_PIXEL_SIZE: int = 3 +const MIN_UI_PIXEL_SIZE: int = 1 +const MAX_UI_PIXEL_SIZE: int = 5 +const DEFAULT_UI_PIXEL_SIZE: int = 3 +const WORLD_RENDER_SCALES: Array[float] = [1.0, 0.9, 0.8, 0.65, 0.45] +const UI_RENDER_SCALES: Array[float] = [1.0, 0.975, 0.95, 0.925, 0.9] @export var auto_click_enabled: bool = false @export_range(0.10, 0.50, 0.01) var auto_click_interval: float = 0.20 @export_range(0.001, 0.012, 0.0005) var mouse_camera_sensitivity: float = 0.005 @export_range(0.5, 5.0, 0.1) var controller_camera_sensitivity: float = 2.5 @export var invert_camera_y: bool = false +@export_range(1, 5, 1) var world_pixel_size: int = DEFAULT_WORLD_PIXEL_SIZE +@export_range(1, 5, 1) var ui_pixel_size: int = DEFAULT_UI_PIXEL_SIZE func is_valid() -> bool: @@ -26,6 +36,10 @@ func is_valid() -> bool: and is_finite(controller_camera_sensitivity) and controller_camera_sensitivity >= MIN_CONTROLLER_SENSITIVITY and controller_camera_sensitivity <= MAX_CONTROLLER_SENSITIVITY + and world_pixel_size >= MIN_WORLD_PIXEL_SIZE + and world_pixel_size <= MAX_WORLD_PIXEL_SIZE + and ui_pixel_size >= MIN_UI_PIXEL_SIZE + and ui_pixel_size <= MAX_UI_PIXEL_SIZE ) @@ -36,4 +50,24 @@ func copy() -> PlayerSettings: result.mouse_camera_sensitivity = mouse_camera_sensitivity result.controller_camera_sensitivity = controller_camera_sensitivity result.invert_camera_y = invert_camera_y + result.world_pixel_size = world_pixel_size + result.ui_pixel_size = ui_pixel_size return result + + +static func get_world_render_scale(pixel_size: int) -> float: + var index: int = clampi( + pixel_size, + MIN_WORLD_PIXEL_SIZE, + MAX_WORLD_PIXEL_SIZE + ) - 1 + return WORLD_RENDER_SCALES[index] + + +static func get_ui_render_scale(pixel_size: int) -> float: + var index: int = clampi( + pixel_size, + MIN_UI_PIXEL_SIZE, + MAX_UI_PIXEL_SIZE + ) - 1 + return UI_RENDER_SCALES[index] diff --git a/settings/player_settings_manager.gd b/settings/player_settings_manager.gd index 47db648..7e989a7 100644 --- a/settings/player_settings_manager.gd +++ b/settings/player_settings_manager.gd @@ -39,6 +39,9 @@ func load_settings() -> bool: return _use_defaults_after_corruption("Player settings structure is invalid.") var accessibility: Dictionary = data["accessibility"] var camera: Dictionary = data["camera"] + var presentation: Dictionary = {} + if typeof(data.get("presentation")) == TYPE_DICTIONARY: + presentation = data["presentation"] if ( typeof(accessibility.get("auto_click_enabled")) != TYPE_BOOL or typeof(camera.get("invert_vertical")) != TYPE_BOOL @@ -59,6 +62,24 @@ func load_settings() -> bool: -1.0 ) loaded.invert_camera_y = camera["invert_vertical"] + loaded.world_pixel_size = _read_clamped_integer( + presentation.get( + "world_pixel_size", + PlayerSettings.DEFAULT_WORLD_PIXEL_SIZE + ), + PlayerSettings.MIN_WORLD_PIXEL_SIZE, + PlayerSettings.MAX_WORLD_PIXEL_SIZE, + PlayerSettings.DEFAULT_WORLD_PIXEL_SIZE + ) + loaded.ui_pixel_size = _read_clamped_integer( + presentation.get( + "ui_pixel_size", + PlayerSettings.DEFAULT_UI_PIXEL_SIZE + ), + PlayerSettings.MIN_UI_PIXEL_SIZE, + PlayerSettings.MAX_UI_PIXEL_SIZE, + PlayerSettings.DEFAULT_UI_PIXEL_SIZE + ) if not loaded.is_valid(): return _use_defaults_after_corruption("Player settings values are invalid.") current_settings = loaded @@ -80,6 +101,21 @@ func apply_settings(settings: PlayerSettings) -> bool: return true +func apply_pixelation(world_pixel_size: int, ui_pixel_size: int) -> bool: + var edited: PlayerSettings = current_settings.copy() + edited.world_pixel_size = clampi( + world_pixel_size, + PlayerSettings.MIN_WORLD_PIXEL_SIZE, + PlayerSettings.MAX_WORLD_PIXEL_SIZE + ) + edited.ui_pixel_size = clampi( + ui_pixel_size, + PlayerSettings.MIN_UI_PIXEL_SIZE, + PlayerSettings.MAX_UI_PIXEL_SIZE + ) + return apply_settings(edited) + + func save_now() -> bool: if current_settings == null or not current_settings.is_valid(): return false @@ -94,6 +130,10 @@ func save_now() -> bool: "controller_sensitivity": current_settings.controller_camera_sensitivity, "invert_vertical": current_settings.invert_camera_y, }, + "presentation": { + "world_pixel_size": current_settings.world_pixel_size, + "ui_pixel_size": current_settings.ui_pixel_size, + }, } var file := FileAccess.open(TEMP_PATH, FileAccess.WRITE) if file == null: @@ -160,6 +200,16 @@ func _read_float(value: Variant, fallback: float) -> float: return result if is_finite(result) else fallback +func _read_clamped_integer( + value: Variant, + minimum: int, + maximum: int, + fallback: int, +) -> int: + var result: int = _read_integer(value, fallback) + return clampi(result, minimum, maximum) + + func _rename_file(from_path: String, to_path: String) -> bool: return DirAccess.rename_absolute( ProjectSettings.globalize_path(from_path), diff --git a/ui/components/bubble_menu/README.md b/ui/components/bubble_menu/README.md new file mode 100644 index 0000000..ca549bb --- /dev/null +++ b/ui/components/bubble_menu/README.md @@ -0,0 +1,26 @@ +# Bubble menu authoring + +Instance `bubble_button.tscn` for each action, or attach `bubble_button.gd` +to an existing Button. Set its neutral size, desktop and compact anchors, +font-size limits, and deterministic motion values in the Inspector. A label +child can be assigned through `label_control_path` when wrapped text is needed. +Text size is calculated once per layout from the neutral smaller dimension and +the profile ratio. + +Place the buttons under a Control using `bubble_cluster.gd`. Give the cluster +the ordered BubbleButton references with `configure()`, then call +`apply_layout()` when its available size or responsive layout changes. The +button order defines explicit keyboard and controller focus neighbors. Compact +anchors and minimum sizes remain authored per button. + +The shared profile owns the palette, rounded styles, proportional-font ratio, +hover response, and contact tuning. Labels, actions, sizes, anchors, per-button +motion, responsive wrapping, availability, and confirmation behavior remain +owned by the menu. Connect each Button's `pressed` signal in that parent menu. + +`motion_scale` defaults to `1.0`. Setting it to `0.0` removes idle drift and +deformation while retaining hover and focus feedback. + +Contact is a deterministic, bounded visual correction around authored anchors. +Real physics is intentionally avoided so layouts, focus order, and hit targets +remain stable. diff --git a/ui/components/bubble_menu/bubble_button.gd b/ui/components/bubble_menu/bubble_button.gd new file mode 100644 index 0000000..15acb0e --- /dev/null +++ b/ui/components/bubble_menu/bubble_button.gd @@ -0,0 +1,186 @@ +class_name BubbleButton +extends Button + +@export var profile: BubbleMenuProfile + +@export_group("Authored Layout") +@export var neutral_size: Vector2 = Vector2(120.0, 116.0) +@export var desktop_anchor: Vector2 = Vector2.ZERO +@export var compact_anchor: Vector2 = Vector2.ZERO +@export var compact_minimum_size: Vector2 = Vector2.ZERO + +@export_group("Typography") +@export var label_control_path: NodePath +@export_range(1, 256, 1) var minimum_font_size: int = 14 +@export_range(1, 256, 1) var maximum_font_size: int = 32 + +@export_group("Motion") +@export_range(0.0, 32.0, 0.1) var horizontal_amplitude: float = 1.8 +@export_range(0.0, 32.0, 0.1) var vertical_amplitude: float = 4.0 +@export_range(0.1, 30.0, 0.1) var motion_period: float = 5.0 +@export_range(0.0, TAU, 0.01) var motion_phase: float = 0.0 +@export_range(0.0, 0.2, 0.001) var deformation_amplitude: float = 0.016 +@export_range(0.1, 30.0, 0.1) var deformation_period: float = 6.0 + +var neutral_position: Vector2 = Vector2.ZERO +var presented_size: Vector2 = Vector2.ZERO +var emphasis: float = 0.0 +var _hovered: bool = false +var _focused: bool = false + + +func _ready() -> void: + mouse_entered.connect(_set_hovered.bind(true)) + mouse_exited.connect(_set_hovered.bind(false)) + focus_entered.connect(_set_focused.bind(true)) + focus_exited.connect(_set_focused.bind(false)) + resized.connect(_update_pivot) + _update_pivot() + apply_profile() + + +func apply_layout( + center: Vector2, + bubble_size: Vector2, + font_size_ratio: float, +) -> void: + position = center - bubble_size * 0.5 + size = bubble_size + neutral_position = position + presented_size = bubble_size + _update_pivot() + var label_control: Control = get_label_control() + var font_size := clampi( + roundi(minf(bubble_size.x, bubble_size.y) * font_size_ratio), + minimum_font_size, + maximum_font_size + ) + label_control.add_theme_font_size_override("font_size", font_size) + + +func get_layout_size(layout_scale: float, compact: bool) -> Vector2: + var bubble_size: Vector2 = neutral_size * layout_scale + if compact: + bubble_size.x = maxf(bubble_size.x, compact_minimum_size.x) + bubble_size.y = maxf(bubble_size.y, compact_minimum_size.y) + return bubble_size + + +func get_authored_anchor(compact: bool) -> Vector2: + return compact_anchor if compact else desktop_anchor + + +func get_label_control() -> Control: + if not label_control_path.is_empty(): + var custom_label := get_node_or_null(label_control_path) as Control + if custom_label != null: + return custom_label + return self + + +func advance_emphasis(delta: float) -> void: + var target: float = 1.0 if _hovered or _focused else 0.0 + emphasis = move_toward( + emphasis, + target, + profile.emphasis_speed * delta + ) + + +func calculate_target( + elapsed: float, + layout_scale: float, + motion_scale: float, +) -> Vector2: + var phase: float = ( + elapsed / motion_period * TAU + + motion_phase + ) + var idle_offset := Vector2( + sin(phase * 0.73 + motion_phase) * horizontal_amplitude, + sin(phase) * vertical_amplitude + ) * layout_scale * motion_scale + idle_offset.y -= ( + profile.hover_focus_lift + * emphasis + * layout_scale + ) + return neutral_position + idle_offset + + +func calculate_visual_scale( + elapsed: float, + motion_scale: float, +) -> Vector2: + var deformation_phase: float = ( + elapsed / deformation_period * TAU + + motion_phase * 1.37 + ) + var deformation_amount: float = ( + sin(deformation_phase) + * deformation_amplitude + * motion_scale + * lerpf(1.0, profile.emphasized_deformation_scale, emphasis) + ) + var hover_scale: float = lerpf( + 1.0, + profile.hover_focus_scale, + emphasis + ) + return Vector2( + 1.0 + deformation_amount, + 1.0 - deformation_amount + ) * hover_scale + + +func get_visual_radius(visual_scale: Vector2) -> float: + var visual_size: Vector2 = presented_size * visual_scale + return (visual_size.x + visual_size.y) * 0.25 + + +func apply_presentation( + target_position: Vector2, + visual_scale: Vector2, + position_weight: float, +) -> void: + position = position.lerp(target_position, position_weight) + scale = visual_scale + + +func _has_point(point: Vector2) -> bool: + var radius: Vector2 = size * 0.5 + if radius.x <= 0.0 or radius.y <= 0.0: + return false + var normalized: Vector2 = (point - radius) / radius + return normalized.length_squared() <= 1.0 + + +func _set_hovered(value: bool) -> void: + _hovered = value + + +func _set_focused(value: bool) -> void: + _focused = value + + +func _update_pivot() -> void: + pivot_offset = size * 0.5 + + +func apply_profile() -> void: + if profile == null: + return + add_theme_stylebox_override("normal", profile.make_normal_style()) + var hover_style: StyleBoxFlat = profile.make_hover_style() + add_theme_stylebox_override("hover", hover_style) + add_theme_stylebox_override("focus", hover_style) + add_theme_stylebox_override("pressed", profile.make_pressed_style()) + add_theme_stylebox_override("disabled", profile.make_disabled_style()) + add_theme_color_override("font_color", profile.text_color) + add_theme_color_override("font_hover_color", profile.text_hover_color) + add_theme_color_override("font_focus_color", profile.text_hover_color) + add_theme_color_override("font_pressed_color", profile.text_pressed_color) + add_theme_color_override("font_disabled_color", profile.text_disabled_color) + var label_control: Control = get_label_control() + if label_control != self: + label_control.add_theme_color_override("font_color", profile.text_color) diff --git a/ui/components/bubble_menu/bubble_button.gd.uid b/ui/components/bubble_menu/bubble_button.gd.uid new file mode 100644 index 0000000..ede0b1d --- /dev/null +++ b/ui/components/bubble_menu/bubble_button.gd.uid @@ -0,0 +1 @@ +uid://d15kke1iwoueg diff --git a/ui/components/bubble_menu/bubble_button.tscn b/ui/components/bubble_menu/bubble_button.tscn new file mode 100644 index 0000000..7fdc596 --- /dev/null +++ b/ui/components/bubble_menu/bubble_button.tscn @@ -0,0 +1,9 @@ +[gd_scene load_steps=3 format=3] + +[ext_resource type="Script" path="res://ui/components/bubble_menu/bubble_button.gd" id="1_button"] +[ext_resource type="Resource" path="res://ui/components/bubble_menu/bubble_menu_profile.tres" id="2_profile"] + +[node name="BubbleButton" type="Button"] +custom_minimum_size = Vector2(120, 116) +script = ExtResource("1_button") +profile = ExtResource("2_profile") diff --git a/ui/components/bubble_menu/bubble_cluster.gd b/ui/components/bubble_menu/bubble_cluster.gd new file mode 100644 index 0000000..9a8d4d0 --- /dev/null +++ b/ui/components/bubble_menu/bubble_cluster.gd @@ -0,0 +1,117 @@ +class_name BubbleCluster +extends Control + +@export var profile: BubbleMenuProfile +@export var desktop_reference_size: Vector2 = Vector2(396.0, 318.0) +@export var compact_reference_size: Vector2 = Vector2(294.0, 200.0) +@export_range(0.0, 1.0, 0.01) var motion_scale: float = 1.0 + +var _bubbles: Array[BubbleButton] = [] +var _elapsed: float = 0.0 +var _layout_scale: float = 1.0 + + +func configure(bubbles: Array[BubbleButton]) -> void: + _bubbles = bubbles + for index: int in _bubbles.size(): + var bubble: BubbleButton = _bubbles[index] + if bubble.profile == null: + bubble.profile = profile + bubble.apply_profile() + if index > 0: + bubble.focus_neighbor_top = bubble.get_path_to( + _bubbles[index - 1] + ) + if index + 1 < _bubbles.size(): + bubble.focus_neighbor_bottom = bubble.get_path_to( + _bubbles[index + 1] + ) + + +func apply_layout(field_size: Vector2, compact: bool) -> void: + _layout_scale = minf( + field_size.x / desktop_reference_size.x, + field_size.y / desktop_reference_size.y + ) + var authored_extent: Vector2 = desktop_reference_size * _layout_scale + var layout_origin := Vector2( + (field_size.x - authored_extent.x) * 0.5, + (field_size.y - authored_extent.y) * 0.5 + ) + for bubble: BubbleButton in _bubbles: + var bubble_size: Vector2 = bubble.get_layout_size( + _layout_scale, + compact + ) + var center: Vector2 = ( + layout_origin + + bubble.get_authored_anchor(compact) * _layout_scale + ) + bubble.apply_layout( + center, + bubble_size, + profile.font_size_ratio + ) + + +func advance_motion(delta: float) -> void: + _elapsed = fmod(_elapsed + delta, 120.0) + var targets: Array[Vector2] = [] + var visual_radii: Array[float] = [] + var visual_scales: Array[Vector2] = [] + for bubble: BubbleButton in _bubbles: + bubble.advance_emphasis(delta) + var target: Vector2 = bubble.calculate_target( + _elapsed, + _layout_scale, + motion_scale + ) + var visual_scale: Vector2 = bubble.calculate_visual_scale( + _elapsed, + motion_scale + ) + targets.append(target) + visual_scales.append(visual_scale) + visual_radii.append(bubble.get_visual_radius(visual_scale)) + for first_index: int in _bubbles.size(): + for second_index: int in range(first_index + 1, _bubbles.size()): + var first_center: Vector2 = ( + targets[first_index] + + _bubbles[first_index].presented_size * 0.5 + ) + var second_center: Vector2 = ( + targets[second_index] + + _bubbles[second_index].presented_size * 0.5 + ) + var center_delta: Vector2 = second_center - first_center + var distance: float = center_delta.length() + var desired_distance: float = ( + visual_radii[first_index] + + visual_radii[second_index] + + profile.contact_gap * _layout_scale + ) + if distance >= desired_distance: + continue + var direction := ( + center_delta / distance + if distance > 0.001 + else Vector2.RIGHT.rotated(float(first_index + 1)) + ) + var correction: Vector2 = ( + direction + * minf( + (desired_distance - distance) * 0.5, + profile.maximum_separation * _layout_scale + ) + ) + targets[first_index] -= correction + targets[second_index] += correction + var position_weight: float = 1.0 - exp( + -profile.position_response * delta + ) + for index: int in _bubbles.size(): + _bubbles[index].apply_presentation( + targets[index], + visual_scales[index], + position_weight + ) diff --git a/ui/components/bubble_menu/bubble_cluster.gd.uid b/ui/components/bubble_menu/bubble_cluster.gd.uid new file mode 100644 index 0000000..08becd9 --- /dev/null +++ b/ui/components/bubble_menu/bubble_cluster.gd.uid @@ -0,0 +1 @@ +uid://cvqif55pw6r32 diff --git a/ui/components/bubble_menu/bubble_menu_profile.gd b/ui/components/bubble_menu/bubble_menu_profile.gd new file mode 100644 index 0000000..a78cbd1 --- /dev/null +++ b/ui/components/bubble_menu/bubble_menu_profile.gd @@ -0,0 +1,91 @@ +class_name BubbleMenuProfile +extends Resource + +@export_group("Typography") +@export_range(0.01, 1.0, 0.001) var font_size_ratio: float = 0.17 + +@export_group("Interaction") +@export_range(1.0, 1.2, 0.001) var hover_focus_scale: float = 1.035 +@export_range(0.0, 16.0, 0.1) var hover_focus_lift: float = 2.0 +@export_range(0.1, 30.0, 0.1) var emphasis_speed: float = 10.0 +@export_range(0.0, 1.0, 0.01) var emphasized_deformation_scale: float = 0.6 + +@export_group("Cluster") +@export_range(0.1, 30.0, 0.1) var position_response: float = 8.0 +@export_range(0.0, 24.0, 0.1) var contact_gap: float = 3.0 +@export_range(0.0, 24.0, 0.1) var maximum_separation: float = 3.0 + +@export_group("Shape") +@export_range(0.0, 32.0, 0.5) var content_margin: float = 8.0 +@export_range(0, 512, 1) var corner_radius: int = 128 +@export_range(0, 12, 1) var normal_border_width: int = 2 +@export_range(0, 12, 1) var emphasized_border_width: int = 3 + +@export_group("Colors") +@export var normal_fill: Color = Color(0.82, 0.93, 0.96, 0.96) +@export var normal_border: Color = Color(0.91, 0.98, 1.0, 0.85) +@export var hover_fill: Color = Color(0.91, 0.975, 0.985, 1.0) +@export var hover_border: Color = Color(1.0, 1.0, 1.0, 0.95) +@export var pressed_fill: Color = Color(0.7, 0.87, 0.92, 1.0) +@export var pressed_border: Color = Color(0.94, 0.99, 1.0, 1.0) +@export var disabled_fill: Color = Color(0.66, 0.77, 0.8, 0.78) +@export var disabled_border: Color = Color(0.81, 0.9, 0.92, 0.55) +@export var text_color: Color = Color(0.035, 0.145, 0.22, 1.0) +@export var text_hover_color: Color = Color(0.025, 0.12, 0.19, 1.0) +@export var text_pressed_color: Color = Color(0.025, 0.11, 0.17, 1.0) +@export var text_disabled_color: Color = Color(0.16, 0.25, 0.29, 0.72) + + +func make_normal_style() -> StyleBoxFlat: + return _make_style( + normal_fill, + normal_border, + normal_border_width + ) + + +func make_hover_style() -> StyleBoxFlat: + return _make_style( + hover_fill, + hover_border, + emphasized_border_width + ) + + +func make_pressed_style() -> StyleBoxFlat: + return _make_style( + pressed_fill, + pressed_border, + emphasized_border_width + ) + + +func make_disabled_style() -> StyleBoxFlat: + return _make_style( + disabled_fill, + disabled_border, + normal_border_width + ) + + +func _make_style( + fill_color: Color, + outline_color: Color, + outline_width: int, +) -> StyleBoxFlat: + var style := StyleBoxFlat.new() + style.content_margin_left = content_margin + style.content_margin_top = content_margin + style.content_margin_right = content_margin + style.content_margin_bottom = content_margin + style.bg_color = fill_color + style.border_width_left = outline_width + style.border_width_top = outline_width + style.border_width_right = outline_width + style.border_width_bottom = outline_width + style.border_color = outline_color + style.corner_radius_top_left = corner_radius + style.corner_radius_top_right = corner_radius + style.corner_radius_bottom_right = corner_radius + style.corner_radius_bottom_left = corner_radius + return style diff --git a/ui/components/bubble_menu/bubble_menu_profile.gd.uid b/ui/components/bubble_menu/bubble_menu_profile.gd.uid new file mode 100644 index 0000000..e709b29 --- /dev/null +++ b/ui/components/bubble_menu/bubble_menu_profile.gd.uid @@ -0,0 +1 @@ +uid://ccliyvoivfimr diff --git a/ui/components/bubble_menu/bubble_menu_profile.tres b/ui/components/bubble_menu/bubble_menu_profile.tres new file mode 100644 index 0000000..c77b02c --- /dev/null +++ b/ui/components/bubble_menu/bubble_menu_profile.tres @@ -0,0 +1,6 @@ +[gd_resource type="Resource" script_class="BubbleMenuProfile" load_steps=2 format=3] + +[ext_resource type="Script" path="res://ui/components/bubble_menu/bubble_menu_profile.gd" id="1_profile"] + +[resource] +script = ExtResource("1_profile") diff --git a/ui/fishing_shop.tscn b/ui/fishing_shop.tscn index 11b062b..793b8e2 100644 --- a/ui/fishing_shop.tscn +++ b/ui/fishing_shop.tscn @@ -38,10 +38,10 @@ anchor_left = 0.5 anchor_top = 0.5 anchor_right = 0.5 anchor_bottom = 0.5 -offset_left = -480.0 -offset_top = -310.0 -offset_right = 480.0 -offset_bottom = 310.0 +offset_left = -560.0 +offset_top = -320.0 +offset_right = 560.0 +offset_bottom = 320.0 grow_horizontal = 2 grow_vertical = 2 @@ -64,7 +64,7 @@ theme_override_constants/separation = 8 layout_mode = 2 size_flags_horizontal = 3 text = "fishing shop" -theme_override_font_sizes/font_size = 24 +theme_override_font_sizes/font_size = 36 theme_override_colors/font_color = Color(0.208, 0.725, 0.78, 1) [node name="CoinIcon" type="TextureRect" parent="ShopPanel/Margin/Layout/Header"] @@ -84,7 +84,7 @@ text = "wallet: $0" unique_name_in_owner = true layout_mode = 2 text = "close" -custom_minimum_size = Vector2(72, 30) +custom_minimum_size = Vector2(110, 58) [node name="Feedback" type="Label" parent="ShopPanel/Margin/Layout"] unique_name_in_owner = true @@ -108,7 +108,7 @@ theme_override_constants/separation = 6 unique_name_in_owner = true layout_mode = 2 text = "sell individual cooler fish • full base value" -theme_override_font_sizes/font_size = 17 +theme_override_font_sizes/font_size = 26 [node name="SalesBody" type="HSplitContainer" parent="ShopPanel/Margin/Layout/Body/FishSales"] layout_mode = 2 @@ -173,7 +173,7 @@ unique_name_in_owner = true layout_mode = 2 text = "select a fish" horizontal_alignment = 1 -theme_override_font_sizes/font_size = 19 +theme_override_font_sizes/font_size = 29 [node name="FishDetails" type="Label" parent="ShopPanel/Margin/Layout/Body/FishSales/SalesBody/FishDetail/DetailMargin/DetailStack"] unique_name_in_owner = true @@ -204,7 +204,7 @@ theme_override_constants/separation = 8 [node name="UpgradeTitle" type="Label" parent="ShopPanel/Margin/Layout/Body/Upgrades"] layout_mode = 2 text = "fishing upgrades" -theme_override_font_sizes/font_size = 17 +theme_override_font_sizes/font_size = 26 [node name="Supplies" type="VBoxContainer" parent="ShopPanel/Margin/Layout/Body"] custom_minimum_size = Vector2(210, 0) @@ -214,7 +214,7 @@ theme_override_constants/separation = 6 [node name="Title" type="Label" parent="ShopPanel/Margin/Layout/Body/Supplies"] layout_mode = 2 text = "supplies" -theme_override_font_sizes/font_size = 17 +theme_override_font_sizes/font_size = 26 [node name="Scroll" type="ScrollContainer" parent="ShopPanel/Margin/Layout/Body/Supplies"] layout_mode = 2 @@ -256,7 +256,7 @@ size_flags_horizontal = 3 [node name="Name" type="Label" parent="ShopPanel/Margin/Layout/Body/Upgrades/ReelCard/Margin/Row/Data"] layout_mode = 2 text = "reel speed" -theme_override_font_sizes/font_size = 17 +theme_override_font_sizes/font_size = 26 [node name="ReelLevel" type="Label" parent="ShopPanel/Margin/Layout/Body/Upgrades/ReelCard/Margin/Row/Data"] unique_name_in_owner = true @@ -307,7 +307,7 @@ size_flags_horizontal = 3 [node name="Name" type="Label" parent="ShopPanel/Margin/Layout/Body/Upgrades/BarrierCard/Margin/Row/Data"] layout_mode = 2 text = "barrier power" -theme_override_font_sizes/font_size = 17 +theme_override_font_sizes/font_size = 26 [node name="BarrierLevel" type="Label" parent="ShopPanel/Margin/Layout/Body/Upgrades/BarrierCard/Margin/Row/Data"] unique_name_in_owner = true @@ -358,7 +358,7 @@ size_flags_horizontal = 3 [node name="Name" type="Label" parent="ShopPanel/Margin/Layout/Body/Upgrades/CoolerCard/Margin/Row/Data"] layout_mode = 2 text = "cooler capacity" -theme_override_font_sizes/font_size = 17 +theme_override_font_sizes/font_size = 26 [node name="CoolerLevel" type="Label" parent="ShopPanel/Margin/Layout/Body/Upgrades/CoolerCard/Margin/Row/Data"] unique_name_in_owner = true @@ -390,10 +390,10 @@ anchor_left = 0.5 anchor_top = 0.5 anchor_right = 0.5 anchor_bottom = 0.5 -offset_left = -220.0 -offset_top = -90.0 -offset_right = 220.0 -offset_bottom = 90.0 +offset_left = -320.0 +offset_top = -150.0 +offset_right = 320.0 +offset_bottom = 150.0 grow_horizontal = 2 grow_vertical = 2 diff --git a/ui/game_theme.tres b/ui/game_theme.tres index 1021bc8..a7d4282 100644 --- a/ui/game_theme.tres +++ b/ui/game_theme.tres @@ -146,7 +146,7 @@ corner_radius_bottom_left = 6 [resource] default_font = ExtResource("1_font") -default_font_size = 15 +default_font_size = 23 Label/colors/font_color = Color(0.956, 0.972, 0.976, 1) Label/colors/font_shadow_color = Color(0, 0, 0, 0) PanelContainer/styles/panel = SubResource("Panel") diff --git a/ui/game_ui.gd b/ui/game_ui.gd index 0301989..d32184a 100644 --- a/ui/game_ui.gd +++ b/ui/game_ui.gd @@ -17,6 +17,7 @@ const HotbarUIType = preload("res://ui/hotbar.gd") const TitleScreenType = preload("res://ui/title_screen.gd") const PauseMenuType = preload("res://ui/pause_menu.gd") const FishingShopType = preload("res://ui/fishing_shop.gd") +const SettingsPanelType = preload("res://ui/settings_panel.gd") const PlayerFishingUpgradesType = preload( "res://progression/player_fishing_upgrades.gd" ) @@ -30,6 +31,10 @@ const PlayerCoolerCapacityType = preload( "res://progression/player_cooler_capacity.gd" ) +signal pixelation_settings_visibility_changed(is_visible: bool) +signal crisp_reset_focus_requested +signal interactive_pointer_ui_changed(is_open: bool) + @onready var _status_label: Label = %StatusLabel @onready var _catch_track: Control = %CatchTrack @onready var _green_catch_progress: ProgressBar = %GreenCatchProgress @@ -47,6 +52,12 @@ const PlayerCoolerCapacityType = preload( @onready var _fishing_shop: FishingShopType = %FishingShop @onready var _shop_prompt: PanelContainer = %ShopPrompt @onready var _effect_status: Label = %EffectStatus +@onready var _title_settings_panel: SettingsPanelType = ( + $UIRoot/TitleScreen/SettingsPanel +) +@onready var _pause_settings_panel: SettingsPanelType = ( + $UIRoot/PauseMenu/SettingsCenter/SettingsPanel +) var _showcase_active: bool = false var _player_menu_open: bool = false @@ -57,6 +68,21 @@ var _shop_open: bool = false var _item_effects: PlayerItemEffectsType +func _ready() -> void: + _title_settings_panel.panel_visibility_changed.connect( + _on_settings_visibility_changed + ) + _pause_settings_panel.panel_visibility_changed.connect( + _on_settings_visibility_changed + ) + _title_settings_panel.crisp_reset_focus_requested.connect( + crisp_reset_focus_requested.emit + ) + _pause_settings_panel.crisp_reset_focus_requested.connect( + crisp_reset_focus_requested.emit + ) + + func setup( player: PlayerType, inventory: FishInventoryType, @@ -195,6 +221,7 @@ func set_system_menu_open(is_open: bool) -> void: _hotbar_ui.set_drag_enabled(_player_menu_open and not is_open) if is_open: _shop_prompt.hide() + _emit_interactive_pointer_ui_changed() func get_fishing_shop() -> FishingShopType: @@ -219,6 +246,29 @@ func get_title_screen() -> TitleScreenType: return _title_screen +func set_effective_ui_pixel_size(pixel_size: int) -> void: + _title_settings_panel.set_effective_ui_pixel_size(pixel_size) + _pause_settings_panel.set_effective_ui_pixel_size(pixel_size) + + +func focus_open_settings_back_button() -> void: + if _title_settings_panel.visible: + _title_settings_panel.focus_back_button() + elif _pause_settings_panel.visible: + _pause_settings_panel.focus_back_button() + + +func refresh_open_settings_panel() -> void: + _title_settings_panel.refresh_open_panel() + _pause_settings_panel.refresh_open_panel() + + +func _on_settings_visibility_changed(_is_visible: bool) -> void: + pixelation_settings_visibility_changed.emit( + _title_settings_panel.visible or _pause_settings_panel.visible + ) + + func _on_fishing_status_changed(status: String) -> void: if _showcase_active: return @@ -391,6 +441,7 @@ func _on_player_menu_visibility_changed(is_open: bool) -> void: ) _hotbar_ui.set_drag_enabled(is_open) _refresh_fishing_panel_visibility() + _emit_interactive_pointer_ui_changed() if is_open: _shop_prompt.hide() @@ -408,3 +459,10 @@ func _on_shop_visibility_changed(is_open: bool) -> void: ) if is_open: _shop_prompt.hide() + _emit_interactive_pointer_ui_changed() + + +func _emit_interactive_pointer_ui_changed() -> void: + interactive_pointer_ui_changed.emit( + _system_menu_open or _player_menu_open or _shop_open + ) diff --git a/ui/game_ui.tscn b/ui/game_ui.tscn index 18b7864..6c0740b 100644 --- a/ui/game_ui.tscn +++ b/ui/game_ui.tscn @@ -36,7 +36,11 @@ bg_color = Color(0, 0, 0, 0) [node name="GameUI" type="CanvasLayer"] script = ExtResource("1_ui") -[node name="FishingPanel" type="PanelContainer" parent="."] +[node name="UIRoot" type="Control" parent="."] +unique_name_in_owner = true +mouse_filter = 2 + +[node name="FishingPanel" type="PanelContainer" parent="UIRoot"] unique_name_in_owner = true visible = false z_index = 60 @@ -54,33 +58,33 @@ grow_vertical = 0 mouse_filter = 2 theme = ExtResource("3_theme") -[node name="MarginContainer" type="MarginContainer" parent="FishingPanel"] +[node name="MarginContainer" type="MarginContainer" parent="UIRoot/FishingPanel"] theme_override_constants/margin_left = 14 theme_override_constants/margin_top = 8 theme_override_constants/margin_right = 14 theme_override_constants/margin_bottom = 8 -[node name="VBoxContainer" type="VBoxContainer" parent="FishingPanel/MarginContainer"] +[node name="VBoxContainer" type="VBoxContainer" parent="UIRoot/FishingPanel/MarginContainer"] theme_override_constants/separation = 4 -[node name="StatusLabel" type="Label" parent="FishingPanel/MarginContainer/VBoxContainer"] +[node name="StatusLabel" type="Label" parent="UIRoot/FishingPanel/MarginContainer/VBoxContainer"] unique_name_in_owner = true visible = false text = "" horizontal_alignment = 1 theme_override_font_sizes/font_size = 16 -[node name="ShowcaseDetails" type="Label" parent="FishingPanel/MarginContainer/VBoxContainer"] +[node name="ShowcaseDetails" type="Label" parent="UIRoot/FishingPanel/MarginContainer/VBoxContainer"] unique_name_in_owner = true visible = false horizontal_alignment = 1 -[node name="CatchTrack" type="Control" parent="FishingPanel/MarginContainer/VBoxContainer"] +[node name="CatchTrack" type="Control" parent="UIRoot/FishingPanel/MarginContainer/VBoxContainer"] unique_name_in_owner = true visible = false custom_minimum_size = Vector2(0, 20) -[node name="GreenCatchProgress" type="ProgressBar" parent="FishingPanel/MarginContainer/VBoxContainer/CatchTrack"] +[node name="GreenCatchProgress" type="ProgressBar" parent="UIRoot/FishingPanel/MarginContainer/VBoxContainer/CatchTrack"] unique_name_in_owner = true layout_mode = 1 anchors_preset = 15 @@ -94,7 +98,7 @@ theme_override_styles/fill = SubResource("StyleBox_catch_fill") value = 0.0 show_percentage = false -[node name="RedChaseProgress" type="ProgressBar" parent="FishingPanel/MarginContainer/VBoxContainer/CatchTrack"] +[node name="RedChaseProgress" type="ProgressBar" parent="UIRoot/FishingPanel/MarginContainer/VBoxContainer/CatchTrack"] unique_name_in_owner = true layout_mode = 1 anchors_preset = 15 @@ -108,7 +112,7 @@ theme_override_styles/fill = SubResource("StyleBox_chase_fill") value = 0.0 show_percentage = false -[node name="BarrierMarkers" type="Control" parent="FishingPanel/MarginContainer/VBoxContainer/CatchTrack"] +[node name="BarrierMarkers" type="Control" parent="UIRoot/FishingPanel/MarginContainer/VBoxContainer/CatchTrack"] unique_name_in_owner = true layout_mode = 1 anchors_preset = 15 @@ -118,23 +122,23 @@ grow_horizontal = 2 grow_vertical = 2 mouse_filter = 2 -[node name="BarrierSummary" type="Label" parent="FishingPanel/MarginContainer/VBoxContainer"] +[node name="BarrierSummary" type="Label" parent="UIRoot/FishingPanel/MarginContainer/VBoxContainer"] unique_name_in_owner = true visible = false horizontal_alignment = 1 -[node name="BarrierHealth" type="Label" parent="FishingPanel/MarginContainer/VBoxContainer"] +[node name="BarrierHealth" type="Label" parent="UIRoot/FishingPanel/MarginContainer/VBoxContainer"] unique_name_in_owner = true visible = false horizontal_alignment = 1 -[node name="PlayerMenu" parent="." instance=ExtResource("2_menu")] +[node name="PlayerMenu" parent="UIRoot" instance=ExtResource("2_menu")] unique_name_in_owner = true -[node name="Hotbar" parent="." instance=ExtResource("7_hotbar")] +[node name="Hotbar" parent="UIRoot" instance=ExtResource("7_hotbar")] unique_name_in_owner = true -[node name="ShopPrompt" type="PanelContainer" parent="."] +[node name="ShopPrompt" type="PanelContainer" parent="UIRoot"] unique_name_in_owner = true visible = false z_index = 55 @@ -152,22 +156,22 @@ grow_vertical = 0 mouse_filter = 2 theme = ExtResource("3_theme") -[node name="Margin" type="MarginContainer" parent="ShopPrompt"] +[node name="Margin" type="MarginContainer" parent="UIRoot/ShopPrompt"] layout_mode = 2 theme_override_constants/margin_left = 12 theme_override_constants/margin_top = 7 theme_override_constants/margin_right = 12 theme_override_constants/margin_bottom = 7 -[node name="Label" type="Label" parent="ShopPrompt/Margin"] +[node name="Label" type="Label" parent="UIRoot/ShopPrompt/Margin"] layout_mode = 2 text = "press e to open fishing shop" horizontal_alignment = 1 -[node name="FishingShop" parent="." instance=ExtResource("8_shop")] +[node name="FishingShop" parent="UIRoot" instance=ExtResource("8_shop")] unique_name_in_owner = true -[node name="EffectStatus" type="Label" parent="."] +[node name="EffectStatus" type="Label" parent="UIRoot"] unique_name_in_owner = true visible = false z_index = 54 @@ -181,7 +185,7 @@ theme_override_colors/font_shadow_color = Color(0, 0, 0, 0.9) theme_override_constants/shadow_offset_x = 2 theme_override_constants/shadow_offset_y = 2 -[node name="ScreenFade" type="ColorRect" parent="."] +[node name="ScreenFade" type="ColorRect" parent="UIRoot"] unique_name_in_owner = true visible = false z_index = 100 @@ -194,8 +198,8 @@ mouse_filter = 0 color = Color(0, 0, 0, 1) script = ExtResource("4_fade") -[node name="TitleScreen" parent="." instance=ExtResource("5_title")] +[node name="TitleScreen" parent="UIRoot" instance=ExtResource("5_title")] unique_name_in_owner = true -[node name="PauseMenu" parent="." instance=ExtResource("6_pause")] +[node name="PauseMenu" parent="UIRoot" instance=ExtResource("6_pause")] unique_name_in_owner = true diff --git a/ui/pause_menu.tscn b/ui/pause_menu.tscn index e94252a..ec504ac 100644 --- a/ui/pause_menu.tscn +++ b/ui/pause_menu.tscn @@ -38,7 +38,7 @@ grow_vertical = 2 [node name="RootPanel" type="PanelContainer" parent="RootCenter"] unique_name_in_owner = true -custom_minimum_size = Vector2(420, 0) +custom_minimum_size = Vector2(560, 0) layout_mode = 2 [node name="Margin" type="MarginContainer" parent="RootCenter/RootPanel"] @@ -54,50 +54,50 @@ theme_override_constants/separation = 11 [node name="Title" type="Label" parent="RootCenter/RootPanel/Margin/Content"] layout_mode = 2 -theme_override_font_sizes/font_size = 30 +theme_override_font_sizes/font_size = 45 text = "game menu" horizontal_alignment = 1 [node name="ResumeButton" type="Button" parent="RootCenter/RootPanel/Margin/Content"] unique_name_in_owner = true -custom_minimum_size = Vector2(0, 43) +custom_minimum_size = Vector2(0, 64) layout_mode = 2 text = "return to game" [node name="SaveButton" type="Button" parent="RootCenter/RootPanel/Margin/Content"] unique_name_in_owner = true -custom_minimum_size = Vector2(0, 43) +custom_minimum_size = Vector2(0, 64) layout_mode = 2 text = "save now" [node name="SettingsButton" type="Button" parent="RootCenter/RootPanel/Margin/Content"] unique_name_in_owner = true -custom_minimum_size = Vector2(0, 43) +custom_minimum_size = Vector2(0, 64) layout_mode = 2 text = "settings" [node name="ReturnToTitleButton" type="Button" parent="RootCenter/RootPanel/Margin/Content"] unique_name_in_owner = true -custom_minimum_size = Vector2(0, 43) +custom_minimum_size = Vector2(0, 64) layout_mode = 2 text = "return to title" [node name="ResetProgressButton" type="Button" parent="RootCenter/RootPanel/Margin/Content"] unique_name_in_owner = true -custom_minimum_size = Vector2(0, 43) +custom_minimum_size = Vector2(0, 64) layout_mode = 2 theme_type_variation = &"DangerButton" text = "reset progress" [node name="QuitButton" type="Button" parent="RootCenter/RootPanel/Margin/Content"] unique_name_in_owner = true -custom_minimum_size = Vector2(0, 43) +custom_minimum_size = Vector2(0, 64) layout_mode = 2 text = "quit" [node name="FeedbackLabel" type="Label" parent="RootCenter/RootPanel/Margin/Content"] unique_name_in_owner = true -custom_minimum_size = Vector2(0, 34) +custom_minimum_size = Vector2(0, 54) layout_mode = 2 horizontal_alignment = 1 vertical_alignment = 1 @@ -128,7 +128,7 @@ mouse_filter = 2 [node name="ConfirmationPanel" type="PanelContainer" parent="ConfirmationCenter"] unique_name_in_owner = true visible = false -custom_minimum_size = Vector2(520, 0) +custom_minimum_size = Vector2(700, 0) layout_mode = 2 [node name="Margin" type="MarginContainer" parent="ConfirmationCenter/ConfirmationPanel"] @@ -146,7 +146,7 @@ theme_override_constants/separation = 15 unique_name_in_owner = true layout_mode = 2 theme_override_colors/font_color = Color(0.937, 0.357, 0.384, 1) -theme_override_font_sizes/font_size = 24 +theme_override_font_sizes/font_size = 36 text = "confirm" horizontal_alignment = 1 @@ -164,12 +164,12 @@ alignment = 1 [node name="ConfirmButton" type="Button" parent="ConfirmationCenter/ConfirmationPanel/Margin/Content/Buttons"] unique_name_in_owner = true -custom_minimum_size = Vector2(190, 43) +custom_minimum_size = Vector2(240, 64) layout_mode = 2 text = "confirm" [node name="CancelConfirmButton" type="Button" parent="ConfirmationCenter/ConfirmationPanel/Margin/Content/Buttons"] unique_name_in_owner = true -custom_minimum_size = Vector2(130, 43) +custom_minimum_size = Vector2(180, 64) layout_mode = 2 text = "cancel" diff --git a/ui/pixelation_reset_overlay.gd b/ui/pixelation_reset_overlay.gd new file mode 100644 index 0000000..8aea79a --- /dev/null +++ b/ui/pixelation_reset_overlay.gd @@ -0,0 +1,32 @@ +class_name PixelationResetOverlay +extends CanvasLayer + +signal reset_requested +signal return_to_settings_requested + +@onready var _reset_button: Button = %ResetPixelationButton + + +func _ready() -> void: + _reset_button.pressed.connect(reset_requested.emit) + _reset_button.gui_input.connect(_on_reset_button_gui_input) + + +func set_settings_open(is_open: bool) -> void: + visible = is_open + if not is_open and _reset_button.has_focus(): + _reset_button.release_focus() + + +func focus_reset_button() -> void: + if visible: + _reset_button.grab_focus() + + +func _on_reset_button_gui_input(event: InputEvent) -> void: + if ( + event.is_action_pressed("ui_up") + or event.is_action_pressed("ui_focus_prev") + ): + return_to_settings_requested.emit() + get_viewport().set_input_as_handled() diff --git a/ui/pixelation_reset_overlay.gd.uid b/ui/pixelation_reset_overlay.gd.uid new file mode 100644 index 0000000..c17c7e7 --- /dev/null +++ b/ui/pixelation_reset_overlay.gd.uid @@ -0,0 +1 @@ +uid://bg7x4pmgy6mhn diff --git a/ui/pixelation_reset_overlay.tscn b/ui/pixelation_reset_overlay.tscn new file mode 100644 index 0000000..cfb1b99 --- /dev/null +++ b/ui/pixelation_reset_overlay.tscn @@ -0,0 +1,30 @@ +[gd_scene load_steps=3 format=3] + +[ext_resource type="Script" path="res://ui/pixelation_reset_overlay.gd" id="1_script"] +[ext_resource type="Theme" path="res://ui/game_theme.tres" id="2_theme"] + +[node name="PixelationResetOverlay" type="CanvasLayer"] +layer = 300 +visible = false +script = ExtResource("1_script") + +[node name="ResetAnchor" type="MarginContainer" parent="."] +anchors_preset = 3 +anchor_left = 1.0 +anchor_top = 1.0 +anchor_right = 1.0 +anchor_bottom = 1.0 +offset_left = -324.0 +offset_top = -86.0 +offset_right = -16.0 +offset_bottom = -16.0 +grow_horizontal = 0 +grow_vertical = 0 +mouse_filter = 2 +theme = ExtResource("2_theme") + +[node name="ResetPixelationButton" type="Button" parent="ResetAnchor"] +unique_name_in_owner = true +custom_minimum_size = Vector2(308, 70) +layout_mode = 2 +text = "reset pixelation" diff --git a/ui/player_menu.gd b/ui/player_menu.gd index 79b1fd0..bc7d207 100644 --- a/ui/player_menu.gd +++ b/ui/player_menu.gd @@ -587,7 +587,7 @@ func _create_inventory_card(fish_catch: FishCatchType) -> Button: "font_color", UIPalette.SECONDARY ) - favorite_marker.add_theme_font_size_override("font_size", 18) + favorite_marker.add_theme_font_size_override("font_size", 27) favorite_marker.set_anchors_preset(Control.PRESET_TOP_RIGHT) favorite_marker.offset_left = -28.0 favorite_marker.offset_top = 5.0 @@ -603,7 +603,7 @@ func _create_inventory_card(fish_catch: FishCatchType) -> Button: "font_color", UIPalette.SUCCESS ) - selected_marker.add_theme_font_size_override("font_size", 18) + selected_marker.add_theme_font_size_override("font_size", 27) selected_marker.set_anchors_preset(Control.PRESET_TOP_LEFT) selected_marker.offset_left = 8.0 selected_marker.offset_top = 5.0 diff --git a/ui/player_menu.tscn b/ui/player_menu.tscn index 3dccbbe..824eda6 100644 --- a/ui/player_menu.tscn +++ b/ui/player_menu.tscn @@ -29,10 +29,10 @@ color = Color(0.015, 0.02, 0.03, 0.72) [node name="MenuPanel" type="PanelContainer" parent="."] layout_mode = 1 -anchor_left = 0.07 -anchor_top = 0.055 -anchor_right = 0.93 -anchor_bottom = 0.72 +anchor_left = 0.02 +anchor_top = 0.025 +anchor_right = 0.98 +anchor_bottom = 0.96 grow_horizontal = 2 grow_vertical = 2 @@ -55,7 +55,7 @@ theme_override_constants/separation = 8 layout_mode = 2 size_flags_horizontal = 3 theme_override_colors/font_color = Color(0.208, 0.725, 0.78, 1) -theme_override_font_sizes/font_size = 22 +theme_override_font_sizes/font_size = 33 text = "player menu" [node name="WalletBalance" type="Label" parent="MenuPanel/Margin/Layout/Header"] @@ -69,27 +69,27 @@ unique_name_in_owner = true layout_mode = 2 toggle_mode = true text = "cooler" -custom_minimum_size = Vector2(88, 30) +custom_minimum_size = Vector2(130, 58) [node name="BagTab" type="Button" parent="MenuPanel/Margin/Layout/Header"] unique_name_in_owner = true layout_mode = 2 toggle_mode = true text = "bag" -custom_minimum_size = Vector2(76, 30) +custom_minimum_size = Vector2(110, 58) [node name="LogbookTab" type="Button" parent="MenuPanel/Margin/Layout/Header"] unique_name_in_owner = true layout_mode = 2 toggle_mode = true text = "logbook" -custom_minimum_size = Vector2(88, 30) +custom_minimum_size = Vector2(140, 58) [node name="CloseButton" type="Button" parent="MenuPanel/Margin/Layout/Header"] unique_name_in_owner = true layout_mode = 2 text = "close" -custom_minimum_size = Vector2(68, 30) +custom_minimum_size = Vector2(110, 58) [node name="Separator" type="HSeparator" parent="MenuPanel/Margin/Layout"] layout_mode = 2 @@ -100,7 +100,7 @@ layout_mode = 2 text = "" horizontal_alignment = 1 theme_override_colors/font_color = Color(1, 0.82, 0.4, 1) -theme_override_font_sizes/font_size = 14 +theme_override_font_sizes/font_size = 21 [node name="Content" type="Control" parent="MenuPanel/Margin/Layout"] custom_minimum_size = Vector2(0, 260) @@ -128,12 +128,12 @@ text = "sort:" [node name="SortOption" type="OptionButton" parent="MenuPanel/Margin/Layout/Content/InventorySection/SortBar"] unique_name_in_owner = true layout_mode = 2 -custom_minimum_size = Vector2(130, 30) +custom_minimum_size = Vector2(190, 58) [node name="SortDirection" type="Button" parent="MenuPanel/Margin/Layout/Content/InventorySection/SortBar"] unique_name_in_owner = true layout_mode = 2 -custom_minimum_size = Vector2(112, 30) +custom_minimum_size = Vector2(190, 58) text = "newest first" [node name="SortSpacer" type="Control" parent="MenuPanel/Margin/Layout/Content/InventorySection/SortBar"] @@ -219,7 +219,7 @@ texture_filter = 1 unique_name_in_owner = true layout_mode = 2 theme_override_colors/font_color = Color(0.208, 0.725, 0.78, 1) -theme_override_font_sizes/font_size = 19 +theme_override_font_sizes/font_size = 29 horizontal_alignment = 1 [node name="DetailData" type="Label" parent="MenuPanel/Margin/Layout/Content/InventorySection/InventoryBody/DetailPanel/DetailMargin/DetailStack"] @@ -339,7 +339,7 @@ texture_filter = 1 [node name="BagDetailName" type="Label" parent="MenuPanel/Margin/Layout/Content/BagSection/BagBody/BagDetail/Margin/Stack"] unique_name_in_owner = true layout_mode = 2 -theme_override_font_sizes/font_size = 19 +theme_override_font_sizes/font_size = 29 horizontal_alignment = 1 [node name="BagDetailData" type="Label" parent="MenuPanel/Margin/Layout/Content/BagSection/BagBody/BagDetail/Margin/Stack"] @@ -389,10 +389,10 @@ anchor_left = 0.5 anchor_top = 0.5 anchor_right = 0.5 anchor_bottom = 0.5 -offset_left = -230.0 -offset_top = -105.0 -offset_right = 230.0 -offset_bottom = 105.0 +offset_left = -320.0 +offset_top = -160.0 +offset_right = 320.0 +offset_bottom = 160.0 grow_horizontal = 2 grow_vertical = 2 @@ -422,10 +422,10 @@ unique_name_in_owner = true layout_mode = 2 text = "confirm" theme_type_variation = &"DangerButton" -custom_minimum_size = Vector2(120, 38) +custom_minimum_size = Vector2(170, 64) [node name="CancelSaleButton" type="Button" parent="MenuPanel/Margin/Layout/Content/SaleConfirmation/ConfirmationMargin/ConfirmationLayout/ConfirmationButtons"] unique_name_in_owner = true layout_mode = 2 text = "cancel" -custom_minimum_size = Vector2(120, 38) +custom_minimum_size = Vector2(170, 64) diff --git a/ui/settings_panel.gd b/ui/settings_panel.gd index d31cb19..1ec189d 100644 --- a/ui/settings_panel.gd +++ b/ui/settings_panel.gd @@ -1,12 +1,16 @@ class_name SettingsPanel extends PanelContainer +const MAX_PANEL_SIZE: Vector2 = Vector2(720.0, 600.0) +const PANEL_EDGE_MARGIN: float = 16.0 const SettingsManagerType = preload( "res://settings/player_settings_manager.gd" ) signal applied signal closed +signal crisp_reset_focus_requested +signal panel_visibility_changed(is_visible: bool) @onready var _auto_click_toggle: CheckButton = %AutoClickToggle @onready var _auto_click_interval: HSlider = %AutoClickInterval @@ -16,9 +20,15 @@ signal closed @onready var _controller_sensitivity: HSlider = %ControllerSensitivity @onready var _controller_sensitivity_value: Label = %ControllerSensitivityValue @onready var _invert_y_toggle: CheckButton = %InvertYToggle +@onready var _world_pixel_size: HSlider = %WorldPixelSize +@onready var _world_pixel_size_value: Label = %WorldPixelSizeValue +@onready var _ui_pixel_size: HSlider = %UIPixelSize +@onready var _ui_pixel_size_value: Label = %UIPixelSizeValue @onready var _feedback: Label = %SettingsFeedback var _settings_manager: SettingsManagerType +var _loading_controls: bool = false +var _effective_ui_pixel_size: int = PlayerSettings.DEFAULT_UI_PIXEL_SIZE func _ready() -> void: @@ -27,6 +37,14 @@ func _ready() -> void: _auto_click_interval.value_changed.connect(_refresh_value_labels) _mouse_sensitivity.value_changed.connect(_refresh_value_labels) _controller_sensitivity.value_changed.connect(_refresh_value_labels) + _world_pixel_size.value_changed.connect(_on_pixel_size_changed) + _ui_pixel_size.value_changed.connect(_on_pixel_size_changed) + %CancelSettingsButton.gui_input.connect(_on_back_button_gui_input) + get_viewport().size_changed.connect(_refresh_panel_size) + var parent_control := get_parent() as Control + if parent_control != null: + parent_control.resized.connect(_refresh_panel_size) + call_deferred("_refresh_panel_size") func open_panel(settings_manager: SettingsManagerType) -> void: @@ -34,6 +52,7 @@ func open_panel(settings_manager: SettingsManagerType) -> void: _load_controls() _feedback.text = "" show() + panel_visibility_changed.emit(true) _auto_click_toggle.grab_focus() @@ -41,6 +60,7 @@ func close_panel() -> void: if not visible: return hide() + panel_visibility_changed.emit(false) _load_controls() closed.emit() @@ -55,8 +75,11 @@ func _apply_settings() -> void: edited.mouse_camera_sensitivity = float(_mouse_sensitivity.value) edited.controller_camera_sensitivity = float(_controller_sensitivity.value) edited.invert_camera_y = _invert_y_toggle.button_pressed + edited.world_pixel_size = roundi(_world_pixel_size.value) + edited.ui_pixel_size = roundi(_ui_pixel_size.value) if _settings_manager.apply_settings(edited): hide() + panel_visibility_changed.emit(false) applied.emit() else: _feedback.text = "failed to save settings." @@ -65,12 +88,16 @@ func _apply_settings() -> void: func _load_controls() -> void: if _settings_manager == null or not is_node_ready(): return + _loading_controls = true var settings: PlayerSettings = _settings_manager.current_settings _auto_click_toggle.button_pressed = settings.auto_click_enabled _auto_click_interval.value = settings.auto_click_interval _mouse_sensitivity.value = settings.mouse_camera_sensitivity _controller_sensitivity.value = settings.controller_camera_sensitivity _invert_y_toggle.button_pressed = settings.invert_camera_y + _world_pixel_size.value = settings.world_pixel_size + _ui_pixel_size.value = settings.ui_pixel_size + _loading_controls = false _refresh_value_labels(0.0) @@ -78,3 +105,83 @@ func _refresh_value_labels(_unused: float) -> void: _auto_click_interval_value.text = "%.2f s" % _auto_click_interval.value _mouse_sensitivity_value.text = "%.4f" % _mouse_sensitivity.value _controller_sensitivity_value.text = "%.1f" % _controller_sensitivity.value + _world_pixel_size_value.text = _pixel_size_label( + roundi(_world_pixel_size.value), + true + ) + _ui_pixel_size_value.text = _pixel_size_label( + roundi(_ui_pixel_size.value), + false + ) + + +func _on_pixel_size_changed(_unused: float) -> void: + _refresh_value_labels(0.0) + if _loading_controls or _settings_manager == null: + return + if not _settings_manager.apply_pixelation( + roundi(_world_pixel_size.value), + roundi(_ui_pixel_size.value) + ): + _feedback.text = "failed to save pixelation settings." + + +func _pixel_size_label(pixel_size: int, _is_world: bool) -> String: + var names: PackedStringArray = [ + "legible", + "cute", + "retro", + "hardcore", + "wtf", + ] + var index: int = clampi(pixel_size - 1, 0, names.size() - 1) + return names[index] + + +func set_effective_ui_pixel_size(pixel_size: int) -> void: + _effective_ui_pixel_size = clampi( + pixel_size, + PlayerSettings.MIN_UI_PIXEL_SIZE, + PlayerSettings.MAX_UI_PIXEL_SIZE + ) + if is_node_ready(): + _refresh_value_labels(0.0) + + +func focus_back_button() -> void: + %CancelSettingsButton.grab_focus() + + +func refresh_open_panel() -> void: + if visible: + _load_controls() + + +func _on_back_button_gui_input(event: InputEvent) -> void: + if ( + event.is_action_pressed("ui_down") + or event.is_action_pressed("ui_focus_next") + ): + crisp_reset_focus_requested.emit() + accept_event() + + +func _refresh_panel_size() -> void: + if not is_node_ready(): + return + var parent_control := get_parent() as Control + if parent_control == null: + return + var available_size: Vector2 = parent_control.size - Vector2.ONE * ( + PANEL_EDGE_MARGIN * 2.0 + ) + var target_size := Vector2( + minf(MAX_PANEL_SIZE.x, maxf(320.0, available_size.x)), + minf(MAX_PANEL_SIZE.y, maxf(240.0, available_size.y)) + ) + custom_minimum_size = target_size + if parent_control is CenterContainer: + return + set_anchors_preset(Control.PRESET_CENTER) + position = (parent_control.size - target_size) * 0.5 + size = target_size diff --git a/ui/settings_panel.tscn b/ui/settings_panel.tscn index cfdef8e..0d708cb 100644 --- a/ui/settings_panel.tscn +++ b/ui/settings_panel.tscn @@ -5,7 +5,7 @@ [node name="SettingsPanel" type="PanelContainer"] visible = false -custom_minimum_size = Vector2(600, 490) +custom_minimum_size = Vector2(720, 600) theme = ExtResource("2_theme") script = ExtResource("1_script") @@ -16,35 +16,42 @@ theme_override_constants/margin_top = 24 theme_override_constants/margin_right = 28 theme_override_constants/margin_bottom = 24 -[node name="Content" type="VBoxContainer" parent="Margin"] +[node name="Scroll" type="ScrollContainer" parent="Margin"] layout_mode = 2 +horizontal_scroll_mode = 0 + +[node name="Content" type="VBoxContainer" parent="Margin/Scroll"] +layout_mode = 2 +size_flags_horizontal = 3 theme_override_constants/separation = 12 -[node name="Heading" type="Label" parent="Margin/Content"] +[node name="Heading" type="Label" parent="Margin/Scroll/Content"] layout_mode = 2 -theme_override_font_sizes/font_size = 26 +theme_override_font_sizes/font_size = 39 text = "settings" horizontal_alignment = 1 -[node name="AutoClickToggle" type="CheckButton" parent="Margin/Content"] +[node name="AutoClickToggle" type="CheckButton" parent="Margin/Scroll/Content"] unique_name_in_owner = true layout_mode = 2 text = "accessibility auto-click" -[node name="AutoClickHelp" type="Label" parent="Margin/Content"] +[node name="AutoClickHelp" type="Label" parent="Margin/Scroll/Content"] layout_mode = 2 text = "lower intervals click barriers faster while held." +autowrap_mode = 2 -[node name="AutoClickRow" type="HBoxContainer" parent="Margin/Content"] +[node name="AutoClickRow" type="HBoxContainer" parent="Margin/Scroll/Content"] layout_mode = 2 theme_override_constants/separation = 12 -[node name="Label" type="Label" parent="Margin/Content/AutoClickRow"] -custom_minimum_size = Vector2(190, 0) +[node name="Label" type="Label" parent="Margin/Scroll/Content/AutoClickRow"] +custom_minimum_size = Vector2(260, 0) layout_mode = 2 text = "auto-click interval" +autowrap_mode = 2 -[node name="AutoClickInterval" type="HSlider" parent="Margin/Content/AutoClickRow"] +[node name="AutoClickInterval" type="HSlider" parent="Margin/Scroll/Content/AutoClickRow"] unique_name_in_owner = true layout_mode = 2 size_flags_horizontal = 3 @@ -53,22 +60,23 @@ max_value = 0.5 step = 0.01 value = 0.2 -[node name="AutoClickIntervalValue" type="Label" parent="Margin/Content/AutoClickRow"] +[node name="AutoClickIntervalValue" type="Label" parent="Margin/Scroll/Content/AutoClickRow"] unique_name_in_owner = true -custom_minimum_size = Vector2(62, 0) +custom_minimum_size = Vector2(100, 0) layout_mode = 2 text = "0.20 s" -[node name="MouseRow" type="HBoxContainer" parent="Margin/Content"] +[node name="MouseRow" type="HBoxContainer" parent="Margin/Scroll/Content"] layout_mode = 2 theme_override_constants/separation = 12 -[node name="Label" type="Label" parent="Margin/Content/MouseRow"] -custom_minimum_size = Vector2(190, 0) +[node name="Label" type="Label" parent="Margin/Scroll/Content/MouseRow"] +custom_minimum_size = Vector2(260, 0) layout_mode = 2 text = "mouse camera sensitivity" +autowrap_mode = 2 -[node name="MouseSensitivity" type="HSlider" parent="Margin/Content/MouseRow"] +[node name="MouseSensitivity" type="HSlider" parent="Margin/Scroll/Content/MouseRow"] unique_name_in_owner = true layout_mode = 2 size_flags_horizontal = 3 @@ -77,22 +85,23 @@ max_value = 0.012 step = 0.0005 value = 0.005 -[node name="MouseSensitivityValue" type="Label" parent="Margin/Content/MouseRow"] +[node name="MouseSensitivityValue" type="Label" parent="Margin/Scroll/Content/MouseRow"] unique_name_in_owner = true -custom_minimum_size = Vector2(62, 0) +custom_minimum_size = Vector2(100, 0) layout_mode = 2 text = "0.0050" -[node name="ControllerRow" type="HBoxContainer" parent="Margin/Content"] +[node name="ControllerRow" type="HBoxContainer" parent="Margin/Scroll/Content"] layout_mode = 2 theme_override_constants/separation = 12 -[node name="Label" type="Label" parent="Margin/Content/ControllerRow"] -custom_minimum_size = Vector2(190, 0) +[node name="Label" type="Label" parent="Margin/Scroll/Content/ControllerRow"] +custom_minimum_size = Vector2(260, 0) layout_mode = 2 text = "controller camera sensitivity" +autowrap_mode = 2 -[node name="ControllerSensitivity" type="HSlider" parent="Margin/Content/ControllerRow"] +[node name="ControllerSensitivity" type="HSlider" parent="Margin/Scroll/Content/ControllerRow"] unique_name_in_owner = true layout_mode = 2 size_flags_horizontal = 3 @@ -101,36 +110,86 @@ max_value = 5.0 step = 0.1 value = 2.5 -[node name="ControllerSensitivityValue" type="Label" parent="Margin/Content/ControllerRow"] +[node name="ControllerSensitivityValue" type="Label" parent="Margin/Scroll/Content/ControllerRow"] unique_name_in_owner = true -custom_minimum_size = Vector2(62, 0) +custom_minimum_size = Vector2(100, 0) layout_mode = 2 text = "2.5" -[node name="InvertYToggle" type="CheckButton" parent="Margin/Content"] +[node name="InvertYToggle" type="CheckButton" parent="Margin/Scroll/Content"] unique_name_in_owner = true layout_mode = 2 text = "invert vertical camera" -[node name="SettingsFeedback" type="Label" parent="Margin/Content"] +[node name="WorldPixelRow" type="HBoxContainer" parent="Margin/Scroll/Content"] +layout_mode = 2 +theme_override_constants/separation = 12 + +[node name="Label" type="Label" parent="Margin/Scroll/Content/WorldPixelRow"] +custom_minimum_size = Vector2(260, 0) +layout_mode = 2 +text = "world pixelation" +autowrap_mode = 2 + +[node name="WorldPixelSize" type="HSlider" parent="Margin/Scroll/Content/WorldPixelRow"] unique_name_in_owner = true -custom_minimum_size = Vector2(0, 28) +layout_mode = 2 +size_flags_horizontal = 3 +min_value = 1.0 +max_value = 5.0 +step = 1.0 +value = 3.0 + +[node name="WorldPixelSizeValue" type="Label" parent="Margin/Scroll/Content/WorldPixelRow"] +unique_name_in_owner = true +custom_minimum_size = Vector2(170, 0) +layout_mode = 2 +text = "retro" + +[node name="UIPixelRow" type="HBoxContainer" parent="Margin/Scroll/Content"] +layout_mode = 2 +theme_override_constants/separation = 12 + +[node name="Label" type="Label" parent="Margin/Scroll/Content/UIPixelRow"] +custom_minimum_size = Vector2(260, 0) +layout_mode = 2 +text = "ui pixelation" +autowrap_mode = 2 + +[node name="UIPixelSize" type="HSlider" parent="Margin/Scroll/Content/UIPixelRow"] +unique_name_in_owner = true +layout_mode = 2 +size_flags_horizontal = 3 +min_value = 1.0 +max_value = 5.0 +step = 1.0 +value = 3.0 + +[node name="UIPixelSizeValue" type="Label" parent="Margin/Scroll/Content/UIPixelRow"] +unique_name_in_owner = true +custom_minimum_size = Vector2(170, 0) +layout_mode = 2 +text = "retro" + +[node name="SettingsFeedback" type="Label" parent="Margin/Scroll/Content"] +unique_name_in_owner = true +custom_minimum_size = Vector2(0, 44) layout_mode = 2 horizontal_alignment = 1 -[node name="Buttons" type="HBoxContainer" parent="Margin/Content"] +[node name="Buttons" type="HBoxContainer" parent="Margin/Scroll/Content"] layout_mode = 2 theme_override_constants/separation = 12 alignment = 2 -[node name="ApplySettingsButton" type="Button" parent="Margin/Content/Buttons"] +[node name="ApplySettingsButton" type="Button" parent="Margin/Scroll/Content/Buttons"] unique_name_in_owner = true -custom_minimum_size = Vector2(120, 42) +custom_minimum_size = Vector2(150, 64) layout_mode = 2 text = "apply" -[node name="CancelSettingsButton" type="Button" parent="Margin/Content/Buttons"] +[node name="CancelSettingsButton" type="Button" parent="Margin/Scroll/Content/Buttons"] unique_name_in_owner = true -custom_minimum_size = Vector2(120, 42) +custom_minimum_size = Vector2(150, 64) layout_mode = 2 text = "back" diff --git a/ui/title_screen.gd b/ui/title_screen.gd index 2c70655..46839ff 100644 --- a/ui/title_screen.gd +++ b/ui/title_screen.gd @@ -7,6 +7,12 @@ const SettingsManagerType = preload( "res://settings/player_settings_manager.gd" ) const SettingsPanelType = preload("res://ui/settings_panel.gd") +const BubbleButtonType = preload( + "res://ui/components/bubble_menu/bubble_button.gd" +) +const BubbleClusterType = preload( + "res://ui/components/bubble_menu/bubble_cluster.gd" +) const DECORATIVE_FISH_TEXTURES: Array[Texture2D] = [ preload("res://fish/species/bass/fish_bass_striped.png"), preload("res://fish/species/bluegill/fish_bluegill.png"), @@ -45,14 +51,19 @@ const BUBBLE_WOBBLE_MAX: float = 9.0 const BUBBLE_EDGE_MARGIN: float = 16.0 const MAX_DECORATIVE_BUBBLES: int = 6 const LOGO_ASPECT_RATIO: float = 2560.0 / 760.0 -const LOGO_WIDTH_FACTOR: float = 0.52 -const LOGO_MIN_WIDTH: float = 320.0 -const LOGO_MAX_WIDTH: float = 720.0 -const BUTTON_COLUMN_WIDTH: float = 360.0 +const LOGO_WIDTH_FACTOR: float = 0.4784 +const LOGO_MIN_WIDTH: float = 294.0 +const LOGO_MAX_WIDTH: float = 662.0 const TITLE_HORIZONTAL_MARGIN: float = 48.0 +const BUBBLE_FIELD_MAX_WIDTH: float = 396.0 +const BUBBLE_FIELD_DESKTOP_HEIGHT: float = 318.0 +const BUBBLE_FIELD_COMPACT_WIDTH: float = 294.0 +const BUBBLE_FIELD_COMPACT_HEIGHT: float = 200.0 +const BUBBLE_COMPACT_HEIGHT_THRESHOLD: float = 560.0 const START_PROMPT_MIN_SCALE: float = 0.985 const START_PROMPT_MAX_SCALE: float = 1.015 const START_PROMPT_CYCLE_SECONDS: float = 3.0 +const DISABLED_BUBBLE_LABEL_ALPHA: float = 0.55 signal gameplay_requested signal quit_requested @@ -63,16 +74,19 @@ enum ConfirmationAction { DELETE_SAVE, } -@onready var _continue_button: Button = %ContinueButton -@onready var _new_game_button: Button = %NewGameButton -@onready var _settings_button: Button = %SettingsButton -@onready var _delete_button: Button = %DeleteSaveButton -@onready var _quit_button: Button = %QuitButton +@onready var _continue_button: BubbleButtonType = %ContinueButton +@onready var _new_game_button: BubbleButtonType = %NewGameButton +@onready var _settings_button: BubbleButtonType = %SettingsButton +@onready var _delete_button: BubbleButtonType = %DeleteSaveButton +@onready var _quit_button: BubbleButtonType = %QuitButton +@onready var _new_game_label: Label = %NewGameLabel +@onready var _delete_save_label: Label = %DeleteSaveLabel @onready var _feedback_label: Label = %FeedbackLabel @onready var _confirmation_panel: PanelContainer = %ConfirmationPanel @onready var _confirmation_text: Label = %ConfirmationText @onready var _confirm_button: Button = %ConfirmButton @onready var _settings_panel: SettingsPanelType = %SettingsPanel +@onready var _background: ColorRect = %Background @onready var _decorative_fish_layer: Control = %DecorativeFishLayer @onready var _decorative_fish_timer: Timer = %DecorativeFishTimer @onready var _decorative_bubble_layer: Control = %DecorativeBubbleLayer @@ -80,7 +94,7 @@ enum ConfirmationAction { @onready var _decorative_bubble_cluster_timer: Timer = %DecorativeBubbleClusterTimer @onready var _title_logo: TextureRect = %TitleLogo @onready var _button_center: CenterContainer = %ButtonCenter -@onready var _button_stack: VBoxContainer = %ButtonStack +@onready var _bubble_field: BubbleClusterType = %BubbleField @onready var _start_prompt_center: CenterContainer = %StartPromptCenter @onready var _start_prompt_label: Label = %StartPromptLabel @@ -102,6 +116,7 @@ var _awaiting_start_input: bool = false var _start_prompt_elapsed: float = 0.0 var _navigation_focus_active: bool = false var _modal_restore_navigation_focus: bool = false +var _world_pixel_size: int = PlayerSettings.DEFAULT_WORLD_PIXEL_SIZE func _ready() -> void: @@ -114,6 +129,7 @@ func _ready() -> void: %CancelConfirmButton.pressed.connect(_close_confirmation) _settings_panel.applied.connect(_on_settings_applied) _settings_panel.closed.connect(_on_settings_closed) + _bubble_field.configure(_get_title_buttons()) _decorative_fish_timer.timeout.connect(_on_decorative_fish_timer_timeout) _decorative_bubble_event_timer.timeout.connect( _on_decorative_bubble_event_timer_timeout @@ -197,31 +213,106 @@ func _update_title_layout() -> void: logo_width, logo_width / LOGO_ASPECT_RATIO ) - _button_stack.custom_minimum_size = Vector2( - minf(BUTTON_COLUMN_WIDTH, available_width), - 0.0 + var field_width: float = minf(BUBBLE_FIELD_MAX_WIDTH, available_width) + var field_height: float = ( + BUBBLE_FIELD_COMPACT_HEIGHT + if size.y < BUBBLE_COMPACT_HEIGHT_THRESHOLD + else BUBBLE_FIELD_DESKTOP_HEIGHT + ) + if size.y < BUBBLE_COMPACT_HEIGHT_THRESHOLD: + field_width = minf(BUBBLE_FIELD_COMPACT_WIDTH, available_width) + _bubble_field.custom_minimum_size = Vector2(field_width, field_height) + var compact_layout: bool = field_height == BUBBLE_FIELD_COMPACT_HEIGHT + _bubble_field.apply_layout( + Vector2(field_width, field_height), + compact_layout + ) + _new_game_label.text = "new\ngame" if compact_layout else "new game" + _delete_save_label.text = ( + "delete\nsave" if compact_layout else "delete save" + ) + _update_world_preview_resolution() + + +func _get_title_buttons() -> Array[BubbleButton]: + return [ + _continue_button, + _new_game_button, + _settings_button, + _delete_button, + _quit_button, + ] + + +func set_world_pixelation(pixel_size: int) -> void: + _world_pixel_size = clampi( + pixel_size, + PlayerSettings.MIN_WORLD_PIXEL_SIZE, + PlayerSettings.MAX_WORLD_PIXEL_SIZE + ) + if is_node_ready(): + _update_world_preview_resolution() + + +func _update_world_preview_resolution() -> void: + var render_scale: float = PlayerSettings.get_world_render_scale( + _world_pixel_size + ) + var shader_material := _background.material as ShaderMaterial + if shader_material != null: + shader_material.set_shader_parameter( + "virtual_pixel_density", + Vector2( + maxf(1.0, size.x * render_scale), + maxf(1.0, size.y * render_scale) + ) + ) + var logo_material := _title_logo.material as ShaderMaterial + if logo_material != null: + var effect_scale: float = 1.0 / render_scale + logo_material.set_shader_parameter( + "horizontal_displacement_pixels", + minf(2.0, 1.5 * effect_scale) + ) + logo_material.set_shader_parameter( + "bob_amount_pixels", + minf(4.0, 3.0 * effect_scale) + ) + + +func _snap_world_preview(value: Vector2) -> Vector2: + var render_scale: float = PlayerSettings.get_world_render_scale( + _world_pixel_size + ) + var step: float = 1.0 / render_scale + return Vector2( + roundf(value.x / step) * step, + roundf(value.y / step) * step ) func _process(delta: float) -> void: - if ( - not _awaiting_start_input - or not visible - or not _start_prompt_center.visible - ): + if not visible: return - _start_prompt_elapsed = fmod( - _start_prompt_elapsed + delta, - START_PROMPT_CYCLE_SECONDS - ) - var phase: float = _start_prompt_elapsed / START_PROMPT_CYCLE_SECONDS - var pulse_weight: float = (sin(phase * TAU - PI * 0.5) + 1.0) * 0.5 - var prompt_scale: float = lerpf( - START_PROMPT_MIN_SCALE, - START_PROMPT_MAX_SCALE, - pulse_weight - ) - _start_prompt_label.scale = Vector2.ONE * prompt_scale + if _awaiting_start_input and _start_prompt_center.visible: + _start_prompt_elapsed = fmod( + _start_prompt_elapsed + delta, + START_PROMPT_CYCLE_SECONDS + ) + var phase: float = ( + _start_prompt_elapsed / START_PROMPT_CYCLE_SECONDS + ) + var pulse_weight: float = ( + sin(phase * TAU - PI * 0.5) + 1.0 + ) * 0.5 + var prompt_scale: float = lerpf( + START_PROMPT_MIN_SCALE, + START_PROMPT_MAX_SCALE, + pulse_weight + ) + _start_prompt_label.scale = Vector2.ONE * prompt_scale + if _button_center.visible: + _bubble_field.advance_motion(delta) func _input(event: InputEvent) -> void: @@ -337,7 +428,7 @@ func _start_entry_prompt_animation() -> void: func _stop_entry_prompt_animation() -> void: - set_process(false) + set_process(visible and _button_center.visible) _start_prompt_elapsed = 0.0 _start_prompt_label.scale = Vector2.ONE @@ -356,6 +447,7 @@ func _reveal_primary_menu() -> void: _start_prompt_center.hide() _button_center.show() _feedback_label.show() + set_process(true) _navigation_focus_active = false _release_title_focus() @@ -506,6 +598,9 @@ func _refresh_save_inspection() -> void: _inspection = _save_manager.inspect_save() _continue_button.disabled = not _inspection.can_continue() _delete_button.disabled = not _inspection.can_delete() + _delete_save_label.modulate.a = ( + DISABLED_BUBBLE_LABEL_ALPHA if _delete_button.disabled else 1.0 + ) _feedback_label.text = _inspection.message if _inspection.status == SaveInspectionType.Status.VALID_SUPPORTED: _feedback_label.text = ( @@ -546,6 +641,7 @@ func _on_title_visibility_changed() -> void: if not _decorative_presentation_ready: return if visible: + set_process(true) _start_decorative_presentation() else: _stop_entry_prompt_animation() @@ -742,6 +838,7 @@ func _update_decorative_fish( 8.0, maxf(8.0, _decorative_fish_layer.size.y - fish_control.size.y - 8.0) ) + fish_control.position = _snap_world_preview(fish_control.position) func _on_decorative_fish_finished( @@ -944,13 +1041,13 @@ func _update_decorative_bubble( var wobble: float = sin( wobble_phase + progress * TAU * wobble_cycles ) * wobble_amplitude - bubble.position = Vector2( + bubble.position = _snap_world_preview(Vector2( base_x + horizontal_drift * progress + wobble - bubble.size.x * 0.5, lerpf(start_y, end_y, progress) - ) + )) func _on_decorative_bubble_finished( diff --git a/ui/title_screen.tscn b/ui/title_screen.tscn index 6919405..ac5e1ef 100644 --- a/ui/title_screen.tscn +++ b/ui/title_screen.tscn @@ -1,4 +1,4 @@ -[gd_scene load_steps=9 format=3] +[gd_scene load_steps=12 format=3] [ext_resource type="Script" path="res://ui/title_screen.gd" id="1_script"] [ext_resource type="Theme" path="res://ui/game_theme.tres" id="2_theme"] @@ -6,6 +6,9 @@ [ext_resource type="Shader" path="res://ui/title_water_background.gdshader" id="4_water_shader"] [ext_resource type="Texture2D" path="res://ui/assets/title/netfishing_logo.png" id="5_logo"] [ext_resource type="Shader" path="res://ui/title_logo_underwater.gdshader" id="6_logo_shader"] +[ext_resource type="Script" path="res://ui/components/bubble_menu/bubble_button.gd" id="7_bubble_button"] +[ext_resource type="Script" path="res://ui/components/bubble_menu/bubble_cluster.gd" id="8_bubble_cluster"] +[ext_resource type="Resource" path="res://ui/components/bubble_menu/bubble_menu_profile.tres" id="9_bubble_profile"] [sub_resource type="ShaderMaterial" id="ShaderMaterial_title_water"] shader = ExtResource("4_water_shader") @@ -27,6 +30,7 @@ theme = ExtResource("2_theme") script = ExtResource("1_script") [node name="Background" type="ColorRect" parent="."] +unique_name_in_owner = true material = SubResource("ShaderMaterial_title_water") layout_mode = 1 anchors_preset = 15 @@ -92,7 +96,7 @@ mouse_filter = 2 theme_override_colors/font_color = Color(1, 1, 1, 1) theme_override_colors/font_outline_color = Color(0.02, 0.075, 0.11, 0.9) theme_override_constants/outline_size = 3 -theme_override_font_sizes/font_size = 26 +theme_override_font_sizes/font_size = 39 text = "press any key to start" horizontal_alignment = 1 vertical_alignment = 1 @@ -108,7 +112,7 @@ grow_vertical = 2 [node name="MainContent" type="VBoxContainer" parent="Center"] layout_mode = 2 -theme_override_constants/separation = 8 +theme_override_constants/separation = 7 alignment = 1 [node name="TitleLogo" type="TextureRect" parent="Center/MainContent"] @@ -125,12 +129,12 @@ stretch_mode = 5 [node name="PlaytestLabel" type="Label" parent="Center/MainContent"] layout_mode = 2 theme_override_colors/font_color = Color(0.682, 0.733, 0.761, 1) -theme_override_font_sizes/font_size = 13 +theme_override_font_sizes/font_size = 17 text = "pre-alpha playtest 0.2" horizontal_alignment = 1 [node name="Spacer" type="Control" parent="Center/MainContent"] -custom_minimum_size = Vector2(0, 4) +custom_minimum_size = Vector2(0, 3) layout_mode = 2 [node name="ButtonCenter" type="CenterContainer" parent="Center/MainContent"] @@ -138,46 +142,151 @@ unique_name_in_owner = true visible = false layout_mode = 2 -[node name="ButtonStack" type="VBoxContainer" parent="Center/MainContent/ButtonCenter"] +[node name="BubbleField" type="Control" parent="Center/MainContent/ButtonCenter"] unique_name_in_owner = true -custom_minimum_size = Vector2(360, 0) +custom_minimum_size = Vector2(396, 318) layout_mode = 2 -theme_override_constants/separation = 8 +script = ExtResource("8_bubble_cluster") +profile = ExtResource("9_bubble_profile") -[node name="ContinueButton" type="Button" parent="Center/MainContent/ButtonCenter/ButtonStack"] +[node name="ContinueButton" type="Button" parent="Center/MainContent/ButtonCenter/BubbleField"] unique_name_in_owner = true -custom_minimum_size = Vector2(0, 44) -layout_mode = 2 +offset_left = 123.0 +offset_top = 86.0 +offset_right = 307.0 +offset_bottom = 264.0 text = "continue" +script = ExtResource("7_bubble_button") +profile = ExtResource("9_bubble_profile") +neutral_size = Vector2(184, 178) +desktop_anchor = Vector2(215, 175) +compact_anchor = Vector2(215, 175) +minimum_font_size = 19 +maximum_font_size = 30 +horizontal_amplitude = 1.8 +vertical_amplitude = 4.6 +motion_period = 5.8 +deformation_amplitude = 0.01 +deformation_period = 6.7 -[node name="NewGameButton" type="Button" parent="Center/MainContent/ButtonCenter/ButtonStack"] +[node name="NewGameButton" type="Button" parent="Center/MainContent/ButtonCenter/BubbleField"] unique_name_in_owner = true -custom_minimum_size = Vector2(0, 44) -layout_mode = 2 +offset_left = 42.0 +offset_top = 4.0 +offset_right = 170.0 +offset_bottom = 126.0 +script = ExtResource("7_bubble_button") +profile = ExtResource("9_bubble_profile") +neutral_size = Vector2(128, 122) +desktop_anchor = Vector2(106, 65) +compact_anchor = Vector2(106, 68) +compact_minimum_size = Vector2(84, 84) +label_control_path = NodePath("NewGameLabel") +minimum_font_size = 15 +maximum_font_size = 23 +horizontal_amplitude = 2.3 +vertical_amplitude = 5.5 +motion_period = 6.3 +motion_phase = 1.2 +deformation_amplitude = 0.018 +deformation_period = 5.9 + +[node name="NewGameLabel" type="Label" parent="Center/MainContent/ButtonCenter/BubbleField/NewGameButton"] +unique_name_in_owner = true +layout_mode = 1 +anchors_preset = 15 +anchor_right = 1.0 +anchor_bottom = 1.0 +grow_horizontal = 2 +grow_vertical = 2 +mouse_filter = 2 +theme_override_colors/font_color = Color(0.035, 0.145, 0.22, 1) +theme_override_constants/line_spacing = -3 text = "new game" +horizontal_alignment = 1 +vertical_alignment = 1 -[node name="SettingsButton" type="Button" parent="Center/MainContent/ButtonCenter/ButtonStack"] +[node name="SettingsButton" type="Button" parent="Center/MainContent/ButtonCenter/BubbleField"] unique_name_in_owner = true -custom_minimum_size = Vector2(0, 44) -layout_mode = 2 +offset_left = 264.0 +offset_top = 17.0 +offset_right = 384.0 +offset_bottom = 133.0 text = "settings" +script = ExtResource("7_bubble_button") +profile = ExtResource("9_bubble_profile") +desktop_anchor = Vector2(324, 75) +compact_anchor = Vector2(324, 68) +compact_minimum_size = Vector2(94, 90) +minimum_font_size = 15 +maximum_font_size = 22 +vertical_amplitude = 3.7 +motion_period = 4.9 +motion_phase = 2.5 +deformation_period = 6.3 -[node name="DeleteSaveButton" type="Button" parent="Center/MainContent/ButtonCenter/ButtonStack"] +[node name="DeleteSaveButton" type="Button" parent="Center/MainContent/ButtonCenter/BubbleField"] unique_name_in_owner = true -custom_minimum_size = Vector2(0, 44) -layout_mode = 2 +offset_left = -11.0 +offset_top = 122.0 +offset_right = 123.0 +offset_bottom = 248.0 +script = ExtResource("7_bubble_button") +profile = ExtResource("9_bubble_profile") +neutral_size = Vector2(134, 126) +desktop_anchor = Vector2(56, 185) +compact_anchor = Vector2(53, 196) +compact_minimum_size = Vector2(86, 86) +label_control_path = NodePath("DeleteSaveLabel") +minimum_font_size = 15 +maximum_font_size = 23 +vertical_amplitude = 5.1 +motion_period = 5.5 +motion_phase = 3.7 +deformation_amplitude = 0.018 +deformation_period = 5.4 + +[node name="DeleteSaveLabel" type="Label" parent="Center/MainContent/ButtonCenter/BubbleField/DeleteSaveButton"] +unique_name_in_owner = true +layout_mode = 1 +anchors_preset = 15 +anchor_right = 1.0 +anchor_bottom = 1.0 +grow_horizontal = 2 +grow_vertical = 2 +mouse_filter = 2 +theme_override_colors/font_color = Color(0.035, 0.145, 0.22, 1) +theme_override_constants/line_spacing = -3 text = "delete save" +horizontal_alignment = 1 +vertical_alignment = 1 -[node name="QuitButton" type="Button" parent="Center/MainContent/ButtonCenter/ButtonStack"] +[node name="QuitButton" type="Button" parent="Center/MainContent/ButtonCenter/BubbleField"] unique_name_in_owner = true -custom_minimum_size = Vector2(0, 44) -layout_mode = 2 +offset_left = 275.0 +offset_top = 217.0 +offset_right = 369.0 +offset_bottom = 309.0 text = "quit" +script = ExtResource("7_bubble_button") +profile = ExtResource("9_bubble_profile") +neutral_size = Vector2(94, 92) +desktop_anchor = Vector2(322, 263) +compact_anchor = Vector2(322, 263) +compact_minimum_size = Vector2(68, 68) +minimum_font_size = 14 +maximum_font_size = 18 +horizontal_amplitude = 1.4 +vertical_amplitude = 3.2 +motion_period = 4.2 +motion_phase = 4.8 +deformation_amplitude = 0.02 +deformation_period = 4.8 [node name="FeedbackLabel" type="Label" parent="Center/MainContent"] unique_name_in_owner = true visible = false -custom_minimum_size = Vector2(0, 42) +custom_minimum_size = Vector2(0, 44) layout_mode = 2 text = "" horizontal_alignment = 1 @@ -194,10 +303,10 @@ anchor_left = 0.5 anchor_top = 0.5 anchor_right = 0.5 anchor_bottom = 0.5 -offset_left = -230.0 -offset_top = -95.0 -offset_right = 230.0 -offset_bottom = 95.0 +offset_left = -320.0 +offset_top = -150.0 +offset_right = 320.0 +offset_bottom = 150.0 grow_horizontal = 2 grow_vertical = 2 @@ -226,13 +335,13 @@ alignment = 1 [node name="ConfirmButton" type="Button" parent="ConfirmationPanel/Margin/Content/Buttons"] unique_name_in_owner = true -custom_minimum_size = Vector2(150, 42) +custom_minimum_size = Vector2(190, 64) layout_mode = 2 text = "confirm" [node name="CancelConfirmButton" type="Button" parent="ConfirmationPanel/Margin/Content/Buttons"] unique_name_in_owner = true -custom_minimum_size = Vector2(120, 42) +custom_minimum_size = Vector2(160, 64) layout_mode = 2 text = "cancel" @@ -245,9 +354,9 @@ anchor_left = 0.5 anchor_top = 0.5 anchor_right = 0.5 anchor_bottom = 0.5 -offset_left = -300.0 -offset_top = -245.0 -offset_right = 300.0 -offset_bottom = 245.0 +offset_left = -360.0 +offset_top = -300.0 +offset_right = 360.0 +offset_bottom = 300.0 grow_horizontal = 2 grow_vertical = 2 diff --git a/ui/ui_pixelation_presenter.gd b/ui/ui_pixelation_presenter.gd new file mode 100644 index 0000000..ca41c15 --- /dev/null +++ b/ui/ui_pixelation_presenter.gd @@ -0,0 +1,111 @@ +class_name UIPixelationPresenter +extends SubViewportContainer + +const MIN_UI_VIEWPORT_SIZE: Vector2i = Vector2i(320, 180) + +signal effective_pixel_size_changed( + requested_pixel_size: int, + effective_pixel_size: int, +) + +@onready var _ui_viewport: SubViewport = $UIViewport +@onready var _ui_root: Control = $UIViewport/GameUI/UIRoot + +var _requested_pixel_size: int = PlayerSettings.DEFAULT_UI_PIXEL_SIZE +var _effective_pixel_size: int = PlayerSettings.DEFAULT_UI_PIXEL_SIZE +var _gameplay_active: bool = false +var _interactive_ui_open: bool = false + + +func _ready() -> void: + var root_viewport: Viewport = get_viewport() + root_viewport.size_changed.connect(_resize_presentation) + _resize_presentation() + + +func set_pixel_size(pixel_size: int) -> void: + _requested_pixel_size = clampi( + pixel_size, + PlayerSettings.MIN_UI_PIXEL_SIZE, + PlayerSettings.MAX_UI_PIXEL_SIZE + ) + _resize_presentation() + + +func get_requested_pixel_size() -> int: + return _requested_pixel_size + + +func get_effective_pixel_size() -> int: + return _effective_pixel_size + + +func get_ui_viewport_size() -> Vector2i: + return _ui_viewport.size + + +func set_gameplay_active(active: bool) -> void: + _gameplay_active = active + _refresh_mouse_filter() + + +func set_interactive_ui_open(is_open: bool) -> void: + _interactive_ui_open = is_open + _refresh_mouse_filter() + + +func _refresh_mouse_filter() -> void: + mouse_filter = ( + Control.MOUSE_FILTER_STOP + if not _gameplay_active or _interactive_ui_open + else Control.MOUSE_FILTER_IGNORE + ) + + +func _resize_presentation() -> void: + if not is_node_ready(): + return + var root_size: Vector2i = get_window().size + if root_size.x <= 0 or root_size.y <= 0: + return + var previous_effective_size: int = _effective_pixel_size + _effective_pixel_size = _resolve_effective_pixel_size(root_size) + var render_scale: float = PlayerSettings.get_ui_render_scale( + _effective_pixel_size + ) + var viewport_size := Vector2i( + ceili(float(root_size.x) * render_scale), + ceili(float(root_size.y) * render_scale) + ) + var presentation_size: Vector2 = Vector2(viewport_size) / render_scale + set_anchors_preset(Control.PRESET_TOP_LEFT) + position = (Vector2(root_size) - presentation_size) * 0.5 + size = Vector2(viewport_size) + scale = Vector2.ONE / render_scale + stretch_shrink = 1 + _ui_root.position = Vector2.ZERO + _ui_root.scale = Vector2.ONE * render_scale + _ui_root.size = Vector2(root_size) + if ( + previous_effective_size != _effective_pixel_size + or _requested_pixel_size != _effective_pixel_size + ): + effective_pixel_size_changed.emit( + _requested_pixel_size, + _effective_pixel_size + ) + + +func _resolve_effective_pixel_size(root_size: Vector2i) -> int: + for candidate: int in range(_requested_pixel_size, 0, -1): + var render_scale: float = PlayerSettings.get_ui_render_scale(candidate) + var candidate_size := Vector2i( + ceili(float(root_size.x) * render_scale), + ceili(float(root_size.y) * render_scale) + ) + if ( + candidate_size.x >= MIN_UI_VIEWPORT_SIZE.x + and candidate_size.y >= MIN_UI_VIEWPORT_SIZE.y + ): + return candidate + return PlayerSettings.MIN_UI_PIXEL_SIZE diff --git a/ui/ui_pixelation_presenter.gd.uid b/ui/ui_pixelation_presenter.gd.uid new file mode 100644 index 0000000..1b390d6 --- /dev/null +++ b/ui/ui_pixelation_presenter.gd.uid @@ -0,0 +1 @@ +uid://bdtb05vkiicd