feat: handled sliders with border instead of tint

Author: simone-lungarella

README.md

@@ -1,25 +1,27 @@
 # Sum Zero
 
-[x] Build Android;
-[x] Gestire provenienza slider su tile (led ai 4 lati);
-[ ] Gestire sovrapposizione sliders usando contorno invece della tinta;
-[ ] Rimuovere highlight in hover (su mobile non ha senso);
-[ ] Gli slider devono essere sovrapposti rispettando un ordine in modo da mantenerlo quando vengono afferrati;
-[ ] Gli slider devono essere afferrabili solo dall'estremità finale;
-[ ] Rimuovere timer e how-to-play dal livello;
-[ ] Aggiungere numero di mosse rimanenti (numero massimo per ottenere una stella);
-[ ] Aggiungere menu selezione livello e how-to-play;
-[ ] Implementare nuove meccaniche:
-    a. Somma 1 (+);
-    b. Sottrae 1 (-);
-    c. Somma 2 (++);
-    d. Sottrae 2 (--);
-    e. Inverte il segno (/);
-    f. Ostacoli: celle che non permettono agli slider di passare;
-    g. Slider tutto o niente: possono essere scalati solo su tutta la linea;
-    h. Slider che azzerano le celle ma lasciano un ostacolo;
-    i. Slider che si muove come un cavallo;
-[ ] Possibilità di skip del livello;
-[ ] Modalità sandbox con condivisione puzzle;
-[ ] Aggiungere SFX;
-[ ] Migliorare effetti grafici;
+## Roadmap
+
+- [x] Android Build;
+- [x] Gestire provenienza slider su tile (led ai 4 lati);
+- [x] Gestire sovrapposizione sliders usando contorno invece della tinta;
+- [x] Rimuovere highlight in hover (su mobile non ha senso);
+- [-] Gli slider devono essere sovrapposti rispettando un ordine in modo da mantenerlo quando vengono afferrati;
+- [ ] Gli slider devono essere afferrabili solo dall'estremità finale;
+- [ ] Rimuovere timer e how-to-play dal livello;
+- [ ] Aggiungere numero di mosse rimanenti (numero massimo per ottenere una stella);
+- [ ] Aggiungere menu selezione livello e how-to-play;
+- [ ] Implementare nuove meccaniche:
+    - Somma 1 (+);
+    - Sottrae 1 (-);
+    - Somma 2 (++);
+    - Sottrae 2 (--);
+    - Inverte il segno (/);
+    - Ostacoli: celle che non permettono agli slider di passare;
+    - Slider tutto o niente: possono essere scalati solo su tutta la linea;
+    - Slider che azzerano le celle ma lasciano un ostacolo;
+    - Slider che si muove come un cavallo;
+- [ ] Possibilità di skip del livello;
+- [ ] Aggiungere SFX;
+- [ ] Migliorare effetti grafici;
+- [ ] Modalità sandbox con condivisione puzzle;

assets/slider.png

@@ -0,0 +1,34 @@
+[remap]
+
+importer="texture"
+type="CompressedTexture2D"
+uid="uid://drxiqhjweubuq"
+path="res://.godot/imported/slider.png-0ae9312726c482ea6b8c8410fbfc83ab.ctex"
+metadata={
+"vram_texture": false
+}
+
+[deps]
+
+source_file="res://assets/slider.png"
+dest_files=["res://.godot/imported/slider.png-0ae9312726c482ea6b8c8410fbfc83ab.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/slider.png.import

@@ -1,32 +1,37 @@
 [gd_scene load_steps=7 format=3 uid="uid://ce6hhyfbr036r"]
 
 [ext_resource type="Shader" path="res://shaders/ScalableArea.gdshader" id="1_cfxa8"]
+[ext_resource type="Texture2D" uid="uid://drxiqhjweubuq" path="res://assets/slider.png" id="2_bpwpr"]
 [ext_resource type="Script" path="res://scripts/scalable_area.gd" id="2_f08w0"]
-[ext_resource type="Texture2D" uid="uid://bb6hgd3i624hv" path="res://assets/square.png" id="3_wrmo2"]
 [ext_resource type="Texture2D" uid="uid://7bec7q7w10gl" path="res://assets/ui/minus.png" id="4_gjuxb"]
 
-[sub_resource type="ShaderMaterial" id="ShaderMaterial_gx784"]
-resource_local_to_scene = true
+[sub_resource type="ShaderMaterial" id="ShaderMaterial_4iu34"]
 shader = ExtResource("1_cfxa8")
-shader_parameter/base_color = Vector4(0, 0.2, 0, 0.2)
-shader_parameter/is_hovered = false
+shader_parameter/base_color = Color(0, 0, 0, 1)
 shader_parameter/glow_intensity = 1.0
-shader_parameter/hover_glow_multiplier = 2.0
 
 [sub_resource type="RectangleShape2D" id="RectangleShape2D_bx6b5"]
-size = Vector2(127, 128)
+size = Vector2(128, 128)
 
 [node name="ScalableArea" type="Node2D"]
 script = ExtResource("2_f08w0")
 
-[node name="Area" type="Sprite2D" parent="."]
-material = SubResource("ShaderMaterial_gx784")
-texture = ExtResource("3_wrmo2")
+[node name="Area" type="NinePatchRect" parent="."]
+unique_name_in_owner = true
+material = SubResource("ShaderMaterial_4iu34")
+offset_left = -64.0
+offset_top = -64.0
+offset_right = 64.0
+offset_bottom = 64.0
+texture = ExtResource("2_bpwpr")
+patch_margin_left = 24
+patch_margin_top = 24
+patch_margin_right = 24
+patch_margin_bottom = 24
 
 [node name="Handle" type="Area2D" parent="."]
 
 [node name="CollisionShape2D" type="CollisionShape2D" parent="Handle"]
-position = Vector2(0.5, 0)
 shape = SubResource("RectangleShape2D_bx6b5")
 
 [node name="Icon" type="Sprite2D" parent="."]

scenes/ScalableArea.tscn

@@ -20,7 +20,7 @@ var _current_scale: int
 var _reachable_tiles: Array[Tile]
 var _area_increment: bool
 
-@onready var area = $Area
+@onready var area: NinePatchRect = $Area
 @onready var handle = $Handle
 @onready var icon = $Icon
 
@@ -50,8 +50,8 @@ func init(
 
 	handle.scale = Vector2(min_scale, 1)
 	handle.position.x = -GlobalConst.HANDLE_SIZE / 2
-	area.scale = Vector2(min_scale, 1)
-	area.position.x = -GlobalConst.HANDLE_SIZE / 2
+	area.size = Vector2(min_scale * 128, 128)
+	area.position.x = -GlobalConst.HANDLE_SIZE
 	icon.position.x = -GlobalConst.HANDLE_SIZE / 2
 	icon.rotation_degrees = 90
 	icon.texture = PLUS if area_increment else MINUS
@@ -100,12 +100,13 @@ func _update_changed_tiles() -> void:
 
 
 func _apply_scaling(_new_scale: float) -> void:
-	area.scale.x = min_scale + _new_scale
-	area.position.x = -GlobalConst.HANDLE_SIZE / 2 + _new_scale / 2 * GlobalConst.CELL_SIZE
+	area.size.x = min_scale * 128 + _new_scale * 128
+	# area.position.x = -GlobalConst.HANDLE_SIZE / 2 + _new_scale / 2 * GlobalConst.CELL_SIZE
 
 
 func toggle_highlight(is_on: bool) -> void:
-	area.material.set_shader_parameter("is_hovered", is_on)
+	print("FIX ME")
+	# area.material.set_shader_parameter("is_hovered", is_on)
 
 
 func _on_handle_mouse_exited():

scripts/scalable_area.gd

@@ -1,15 +1,13 @@
 shader_type canvas_item;
 
-uniform vec4 base_color = vec4(1.0);
-uniform bool is_hovered = false;
-uniform float glow_intensity = 1.0;
-uniform float hover_glow_multiplier = 2.0;
+uniform vec4 base_color: source_color = vec4(1.0);
+uniform float glow_intensity: hint_range(0.0, 1.0, 0.1) = 1.0;
 
 void fragment() {
     vec4 color = texture(TEXTURE, UV);
 
     // Adjust the glow intensity based on whether the sprite is hovered
-    float final_glow_intensity = is_hovered ? glow_intensity * hover_glow_multiplier : glow_intensity;
+    float final_glow_intensity = glow_intensity;
 
     // Apply the glow effect
     vec4 glow_color = color * final_glow_intensity;