Animation and Color updates

Author: Liam Sherwin

Main.tscn

@@ -1,11 +1,11 @@
 [gd_scene load_steps=12 format=3 uid="uid://7f5erpa1ts1n"]
 
 [ext_resource type="Theme" uid="uid://cyua45ur0ijqo" path="res://assets/Main.theme" id="1_lygr6"]
-[ext_resource type="Script" path="res://scripts/ui/Main.gd" id="2_2mnc0"]
+[ext_resource type="Script" uid="uid://c3blb4c6exhxl" path="res://scripts/ui/Main.gd" id="2_2mnc0"]
 [ext_resource type="FontFile" uid="uid://crlak6jhg5jy2" path="res://assets/font/RubikMonoOne-Regular.ttf" id="3_7gl8s"]
 [ext_resource type="Texture2D" uid="uid://bbennjke0ioen" path="res://assets/icons/Add.svg" id="7_4ai6i"]
 [ext_resource type="Texture2D" uid="uid://rqf8w11gk6ud" path="res://assets/icons/Edit.svg" id="9_l0dk1"]
-[ext_resource type="Script" path="res://scripts/ui/Tabs.gd" id="11_g0pp1"]
+[ext_resource type="Script" uid="uid://rcg26r86qsdg" path="res://scripts/ui/Tabs.gd" id="11_g0pp1"]
 [ext_resource type="Texture2D" uid="uid://bhl73t2e0jcwn" path="res://assets/icons/close.svg" id="14_jv1kq"]
 
 [sub_resource type="LabelSettings" id="LabelSettings_8efsq"]

StatusBar.gd

@@ -0,0 +1,79 @@
+# Copyright (c) 2024 Liam Sherwin, All rights reserved.
+# This file is part of the Spectrum Lighting Engine, licensed under the GPL v3.
+
+class_name CoreUIStatusBar extends PanelContainer
+## Core UI script for the main status bar
+
+
+## The VersionLabel
+@export var _version_label: Label
+
+## The QuickAccessContainer
+@export var _quick_access_container: HBoxContainer
+
+
+## Config for quick access buttons
+var _quick_access_config: Array = [
+	{
+		"panel": Interface.panels.Programmer,
+		"icon": load("res://assets/icons/Programmer.svg"),
+		"size": Vector2.ZERO
+	},
+	{
+		"panel": Interface.panels.Fixtures,
+		"icon": load("res://assets/icons/Fixture.svg"),
+		"size": Vector2(800, 500)
+	},
+	{
+		"panel": Interface.panels.Functions,
+		"icon": load("res://assets/icons/Functions.svg"),
+		"size": Vector2(800, 500)
+	},
+	{
+		"panel": Interface.panels.Settings,
+		"icon": load("res://assets/icons/Settings.svg"),
+		"size": Vector2.ZERO
+	},
+	{
+		"panel": Interface.panels.SaveLoad,
+		"icon": load("res://assets/icons/Storage.svg"),
+		"size": Vector2(1200, 800)
+	},
+]
+
+
+func _ready() -> void:
+	_version_label.text = Details.version
+	_reload_quick_access()
+
+
+## Reloads the list of quick access buttons
+func _reload_quick_access() -> void:
+	for old_button: Button in _quick_access_container.get_children():
+		old_button.queue_free()
+	
+	for config: Dictionary in _quick_access_config:
+		var new_button: Button = Button.new()
+		var new_panel: UIPanel = config.panel.instantiate()
+		
+		new_panel.hide()
+		get_tree().process_frame.connect(func ():
+			config.size = config.size if config.size != Vector2.ZERO else new_panel.get_combined_minimum_size()
+			new_panel.set_anchors_preset(Control.PRESET_CENTER)
+			new_panel.size = config.size
+			new_panel.position = (size / 2) - (config.size / 2)
+		, CONNECT_ONE_SHOT)
+		
+		new_button.icon = config.icon
+		new_button.flat = false
+		new_button.toggle_mode = true
+		new_button.toggled.connect(func (toggled_on: bool):
+			if toggled_on:
+				Interface.show_custom_popup(new_panel)
+			else:
+				Interface.hide_custom_popup(new_panel)
+		)
+		new_panel.close_request.connect(new_button.set_pressed_no_signal.bind(false))
+		
+		_quick_access_container.add_child(new_button)
+		Interface.add_custom_popup(new_panel)

StatusBar.gd.uid

@@ -0,0 +1 @@
+uid://5twbcqrk7as1

UIv3.tscn

@@ -0,0 +1,50 @@
+[gd_scene load_steps=5 format=3 uid="uid://d00fmrh7nbaua"]
+
+[ext_resource type="PackedScene" uid="uid://bsxgp5g0jmyke" path="res://panels/Desk/Desk.tscn" id="1_mfxly"]
+[ext_resource type="Script" uid="uid://5twbcqrk7as1" path="res://StatusBar.gd" id="2_pj23w"]
+[ext_resource type="LabelSettings" uid="uid://ci6veq1d2x5c4" path="res://assets/styles/DimText.tres" id="3_pj23w"]
+
+[sub_resource type="StyleBoxFlat" id="StyleBoxFlat_pj23w"]
+content_margin_left = 5.0
+content_margin_top = 5.0
+content_margin_right = 5.0
+content_margin_bottom = 5.0
+bg_color = Color(0.140447, 0.140447, 0.140447, 1)
+border_color = Color(0.309804, 0.309804, 0.309804, 1)
+corner_radius_top_left = 5
+corner_radius_top_right = 5
+corner_radius_bottom_right = 5
+corner_radius_bottom_left = 5
+
+[node name="UIv3" type="PanelContainer"]
+anchors_preset = 15
+anchor_right = 1.0
+anchor_bottom = 1.0
+grow_horizontal = 2
+grow_vertical = 2
+theme_override_styles/panel = SubResource("StyleBoxFlat_pj23w")
+
+[node name="VBoxContainer" type="VBoxContainer" parent="."]
+layout_mode = 2
+
+[node name="Desk" parent="VBoxContainer" instance=ExtResource("1_mfxly")]
+layout_mode = 2
+size_flags_vertical = 3
+
+[node name="StatusBar" type="PanelContainer" parent="VBoxContainer" node_paths=PackedStringArray("_version_label", "_quick_access_container")]
+layout_mode = 2
+script = ExtResource("2_pj23w")
+_version_label = NodePath("HBoxContainer/VersionLabel")
+_quick_access_container = NodePath("HBoxContainer/QuickAccessContainer")
+
+[node name="HBoxContainer" type="HBoxContainer" parent="VBoxContainer/StatusBar"]
+layout_mode = 2
+
+[node name="QuickAccessContainer" type="HBoxContainer" parent="VBoxContainer/StatusBar/HBoxContainer"]
+layout_mode = 2
+
+[node name="VersionLabel" type="Label" parent="VBoxContainer/StatusBar/HBoxContainer"]
+layout_mode = 2
+size_flags_horizontal = 10
+text = "dasdasd"
+label_settings = ExtResource("3_pj23w")

assets/Main.theme

@@ -0,0 +1,34 @@
+[remap]
+
+importer="texture"
+type="CompressedTexture2D"
+uid="uid://2p7ffb5yq0hx"
+path="res://.godot/imported/color_picker.png-7629c737c9c675f61ee1738a8a9f93d1.ctex"
+metadata={
+"vram_texture": false
+}
+
+[deps]
+
+source_file="res://assets/asset_scripts/color_picker.png"
+dest_files=["res://.godot/imported/color_picker.png-7629c737c9c675f61ee1738a8a9f93d1.ctex"]
+
+[params]
+
+compress/mode=0
+compress/high_quality=false
+compress/lossy_quality=0.7
+compress/hdr_compression=1
+compress/normal_map=0
+compress/channel_pack=0
+mipmaps/generate=false
+mipmaps/limit=-1
+roughness/mode=0
+roughness/src_normal=""
+process/fix_alpha_border=true
+process/premult_alpha=false
+process/normal_map_invert_y=false
+process/hdr_as_srgb=false
+process/hdr_clamp_exposure=false
+process/size_limit=0
+detect_3d/compress_to=1

assets/asset_scripts/color_picker.png

@@ -0,0 +1,34 @@
+[remap]
+
+importer="texture"
+type="CompressedTexture2D"
+uid="uid://c6xutedgnlhou"
+path="res://.godot/imported/color_picker_rounded.png-013ba22a6935b45032cd35fae6f20be4.ctex"
+metadata={
+"vram_texture": false
+}
+
+[deps]
+
+source_file="res://assets/asset_scripts/color_picker_rounded.png"
+dest_files=["res://.godot/imported/color_picker_rounded.png-013ba22a6935b45032cd35fae6f20be4.ctex"]
+
+[params]
+
+compress/mode=0
+compress/high_quality=false
+compress/lossy_quality=0.7
+compress/hdr_compression=1
+compress/normal_map=0
+compress/channel_pack=0
+mipmaps/generate=false
+mipmaps/limit=-1
+roughness/mode=0
+roughness/src_normal=""
+process/fix_alpha_border=true
+process/premult_alpha=false
+process/normal_map_invert_y=false
+process/hdr_as_srgb=false
+process/hdr_clamp_exposure=false
+process/size_limit=0
+detect_3d/compress_to=1

assets/asset_scripts/color_picker.png.import

@@ -0,0 +1,34 @@
+[remap]
+
+importer="texture"
+type="CompressedTexture2D"
+uid="uid://b8tacggahlmrm"
+path="res://.godot/imported/color_picker_rounded_aa.png-790d4d4999d9be325db7cbd2e4ece6c3.ctex"
+metadata={
+"vram_texture": false
+}
+
+[deps]
+
+source_file="res://assets/asset_scripts/color_picker_rounded_aa.png"
+dest_files=["res://.godot/imported/color_picker_rounded_aa.png-790d4d4999d9be325db7cbd2e4ece6c3.ctex"]
+
+[params]
+
+compress/mode=0
+compress/high_quality=false
+compress/lossy_quality=0.7
+compress/hdr_compression=1
+compress/normal_map=0
+compress/channel_pack=0
+mipmaps/generate=false
+mipmaps/limit=-1
+roughness/mode=0
+roughness/src_normal=""
+process/fix_alpha_border=true
+process/premult_alpha=false
+process/normal_map_invert_y=false
+process/hdr_as_srgb=false
+process/hdr_clamp_exposure=false
+process/size_limit=0
+detect_3d/compress_to=1

assets/asset_scripts/color_picker_rounded.png

@@ -0,0 +1,58 @@
+from PIL import Image, ImageDraw
+import colorsys
+
+def generate_rainbow_gradient(size: int, output_path: str = "color_picker_rounded_aa.png"):
+    margin = 5
+    inner_size = size - 2 * margin
+    radius = 10
+
+    # Supersampling factor for anti-aliasing
+    ss = 4
+    ss_size = size * ss
+    ss_radius = radius * ss
+    ss_margin = margin * ss
+    ss_inner = ss_size - 2 * ss_margin
+
+    # Create high-res mask for AA rounded corners
+    mask_hr = Image.new("L", (ss_size, ss_size), 0)
+    draw = ImageDraw.Draw(mask_hr)
+    draw.rounded_rectangle(
+        [(0, 0), (ss_size - 1, ss_size - 1)],
+        radius=ss_radius,
+        fill=255
+    )
+    # Downsample with antialiasing
+    mask = mask_hr.resize((size, size), Image.LANCZOS)
+
+    # Create base image (RGBA)
+    img = Image.new("RGBA", (size, size), (0, 0, 0, 0))
+    pixels = img.load()
+
+    # Fill center gradient (non-ss, normal resolution)
+    for x in range(inner_size):
+        hue = x / inner_size
+        for y in range(inner_size):
+            sat = 1.0 - (y / inner_size)
+            r, g, b = colorsys.hsv_to_rgb(hue, sat, 1.0)
+            pixels[x + margin, y + margin] = (int(r * 255), int(g * 255), int(b * 255), 255)
+
+    # Extend edges into margin
+    for x in range(margin, size - margin):
+        for y in range(margin):
+            pixels[x, y] = pixels[x, margin]                         # Top
+            pixels[x, size - 1 - y] = pixels[x, size - 1 - margin]   # Bottom
+
+    for y in range(size):
+        for x in range(margin):
+            pixels[x, y] = pixels[margin, y]                         # Left
+            pixels[size - 1 - x, y] = pixels[size - 1 - margin, y]   # Right
+
+    # Apply anti-aliased mask as alpha channel
+    img.putalpha(mask)
+
+    img.save(output_path)
+    print(f"Saved with smooth rounded corners: {output_path}")
+
+# Run example
+generate_rainbow_gradient(512)
+

assets/asset_scripts/color_picker_rounded.png.import

@@ -0,0 +1,37 @@
+[remap]
+
+importer="texture"
+type="CompressedTexture2D"
+uid="uid://b7q628ocmror7"
+path="res://.godot/imported/Crosshair.svg-e1c83855d3b79abd8058f33b1034eaa1.ctex"
+metadata={
+"vram_texture": false
+}
+
+[deps]
+
+source_file="res://assets/icons/Crosshair.svg"
+dest_files=["res://.godot/imported/Crosshair.svg-e1c83855d3b79abd8058f33b1034eaa1.ctex"]
+
+[params]
+
+compress/mode=0
+compress/high_quality=false
+compress/lossy_quality=0.7
+compress/hdr_compression=1
+compress/normal_map=0
+compress/channel_pack=0
+mipmaps/generate=false
+mipmaps/limit=-1
+roughness/mode=0
+roughness/src_normal=""
+process/fix_alpha_border=true
+process/premult_alpha=false
+process/normal_map_invert_y=false
+process/hdr_as_srgb=false
+process/hdr_clamp_exposure=false
+process/size_limit=0
+detect_3d/compress_to=1
+svg/scale=1.0
+editor/scale_with_editor_scale=false
+editor/convert_colors_with_editor_theme=false

assets/asset_scripts/color_picker_rounded_aa.png

@@ -0,0 +1,37 @@
+[remap]
+
+importer="texture"
+type="CompressedTexture2D"
+uid="uid://dfi7uhhle4irm"
+path="res://.godot/imported/DataContainer.svg-2b90b2eda55ce9e2e49ca69f4cf33792.ctex"
+metadata={
+"vram_texture": false
+}
+
+[deps]
+
+source_file="res://assets/icons/DataContainer.svg"
+dest_files=["res://.godot/imported/DataContainer.svg-2b90b2eda55ce9e2e49ca69f4cf33792.ctex"]
+
+[params]
+
+compress/mode=0
+compress/high_quality=false
+compress/lossy_quality=0.7
+compress/hdr_compression=1
+compress/normal_map=0
+compress/channel_pack=0
+mipmaps/generate=false
+mipmaps/limit=-1
+roughness/mode=0
+roughness/src_normal=""
+process/fix_alpha_border=true
+process/premult_alpha=false
+process/normal_map_invert_y=false
+process/hdr_as_srgb=false
+process/hdr_clamp_exposure=false
+process/size_limit=0
+detect_3d/compress_to=1
+svg/scale=1.0
+editor/scale_with_editor_scale=false
+editor/convert_colors_with_editor_theme=false