Added outline generation, under new "Image" menu

You can currently change outline color & thickness

Main.tscn

@@ -158,14 +158,12 @@ anchor_bottom = 1.0
 custom_constants/separation = 0
 
 [node name="TopMenuContainer" type="Panel" parent="MenuAndUI"]
-editor/display_folded = true
 margin_right = 1152.0
 margin_bottom = 28.0
 rect_min_size = Vector2( 0, 28 )
 custom_styles/panel = ExtResource( 3 )
 
 [node name="MenuItems" type="HBoxContainer" parent="MenuAndUI/TopMenuContainer"]
-editor/display_folded = true
 margin_left = 2.0
 margin_top = 4.0
 margin_right = 1010.0
@@ -193,9 +191,17 @@ mouse_default_cursor_shape = 2
 text = "View"
 switch_on_hover = true
 
-[node name="HelpMenu" type="MenuButton" parent="MenuAndUI/TopMenuContainer/MenuItems"]
+[node name="ImageMenu" type="MenuButton" parent="MenuAndUI/TopMenuContainer/MenuItems"]
 margin_left = 102.0
-margin_right = 135.0
+margin_right = 144.0
+margin_bottom = 23.0
+mouse_default_cursor_shape = 2
+text = "Image"
+switch_on_hover = true
+
+[node name="HelpMenu" type="MenuButton" parent="MenuAndUI/TopMenuContainer/MenuItems"]
+margin_left = 148.0
+margin_right = 181.0
 margin_bottom = 23.0
 mouse_default_cursor_shape = 2
 text = "Help"
@@ -1671,6 +1677,53 @@ selected = 0
 
 [node name="PreferencesDialog" parent="." instance=ExtResource( 61 )]
 
+[node name="OutlineDialog" type="ConfirmationDialog" parent="."]
+editor/display_folded = true
+margin_right = 200.0
+margin_bottom = 70.0
+
+[node name="OptionsContainer" type="GridContainer" parent="OutlineDialog"]
+anchor_left = 0.5
+anchor_top = 0.5
+anchor_right = 0.5
+anchor_bottom = 0.5
+margin_left = -92.0
+margin_top = -36.0
+margin_right = 92.0
+margin_bottom = 5.0
+custom_constants/vseparation = 4
+custom_constants/hseparation = 4
+columns = 2
+
+[node name="ThickLabel" type="Label" parent="OutlineDialog/OptionsContainer"]
+margin_top = 1.0
+margin_right = 75.0
+margin_bottom = 16.0
+text = "Thickness:"
+
+[node name="ThickValue" type="SpinBox" parent="OutlineDialog/OptionsContainer"]
+margin_left = 79.0
+margin_right = 143.0
+margin_bottom = 17.0
+min_value = 1.0
+max_value = 16384.0
+value = 1.0
+suffix = "px"
+
+[node name="OutlineColorLabel" type="Label" parent="OutlineDialog/OptionsContainer"]
+margin_top = 23.0
+margin_right = 75.0
+margin_bottom = 38.0
+text = "Fill with color:"
+
+[node name="OutlineColor" type="ColorPickerButton" parent="OutlineDialog/OptionsContainer"]
+margin_left = 79.0
+margin_top = 21.0
+margin_right = 143.0
+margin_bottom = 41.0
+rect_min_size = Vector2( 64, 20 )
+color = Color( 1, 0, 0, 1 )
+
 [node name="AboutDialog" type="AcceptDialog" parent="."]
 editor/display_folded = true
 margin_right = 284.0
@@ -1832,6 +1885,8 @@ visible = false
 [connection signal="confirmed" from="ScaleImage" to="." method="_on_ScaleImage_confirmed"]
 [connection signal="popup_hide" from="ScaleImage" to="." method="_can_draw_true"]
 [connection signal="popup_hide" from="PreferencesDialog" to="." method="_can_draw_true"]
+[connection signal="confirmed" from="OutlineDialog" to="." method="_on_OutlineDialog_confirmed"]
+[connection signal="popup_hide" from="OutlineDialog" to="." method="_can_draw_true"]
 [connection signal="popup_hide" from="AboutDialog" to="." method="_can_draw_true"]
 [connection signal="pressed" from="AboutDialog/AboutUI/Links/LinkButtons/Website" to="AboutDialog" method="_on_Website_pressed"]
 [connection signal="pressed" from="AboutDialog/AboutUI/Links/LinkButtons/GitHub" to="AboutDialog" method="_on_GitHub_pressed"]

Scripts/Global.gd

@@ -136,6 +136,7 @@ var vertical_ruler : BaseButton
 var file_menu : MenuButton
 var edit_menu : MenuButton
 var view_menu : MenuButton
+var image_menu : MenuButton
 var help_menu : MenuButton
 var cursor_position_label : Label
 var zoom_level_label : Label
@@ -236,6 +237,7 @@ func _ready() -> void:
 	file_menu = find_node_by_name(root, "FileMenu")
 	edit_menu = find_node_by_name(root, "EditMenu")
 	view_menu = find_node_by_name(root, "ViewMenu")
+	image_menu = find_node_by_name(root, "ImageMenu")
 	help_menu = find_node_by_name(root, "HelpMenu")
 	cursor_position_label = find_node_by_name(root, "CursorPosition")
 	zoom_level_label = find_node_by_name(root, "ZoomLevel")

Scripts/Main.gd

@@ -71,6 +71,9 @@ func _ready() -> void:
 		"Show Rulers" : KEY_MASK_CMD + KEY_R,
 		"Show Guides" : KEY_MASK_CMD + KEY_F
 		}
+	var image_menu_items := {
+		"Outline" : 0
+		}
 	var help_menu_items := {
 		"About Pixelorama" : 0
 		}
@@ -95,6 +98,7 @@ func _ready() -> void:
 	var file_menu : PopupMenu = Global.file_menu.get_popup()
 	var edit_menu : PopupMenu = Global.edit_menu.get_popup()
 	view_menu = Global.view_menu.get_popup()
+	var image_menu : PopupMenu = Global.image_menu.get_popup()
 	var help_menu : PopupMenu = Global.help_menu.get_popup()
 	var add_palette_menu : PopupMenu = Global.add_palette_button.get_child(0)
 
@@ -114,6 +118,10 @@ func _ready() -> void:
 	view_menu.set_item_checked(3, true) #Show Guides
 	view_menu.hide_on_checkable_item_selection = false
 	i = 0
+	for item in image_menu_items.keys():
+		image_menu.add_item(item, i, image_menu_items[item])
+		i += 1
+	i = 0
 	for item in help_menu_items.keys():
 		help_menu.add_item(item, i, help_menu_items[item])
 		i += 1
@@ -121,6 +129,7 @@ func _ready() -> void:
 	file_menu.connect("id_pressed", self, "file_menu_id_pressed")
 	edit_menu.connect("id_pressed", self, "edit_menu_id_pressed")
 	view_menu.connect("id_pressed", self, "view_menu_id_pressed")
+	image_menu.connect("id_pressed", self, "image_menu_id_pressed")
 	help_menu.connect("id_pressed", self, "help_menu_id_pressed")
 	add_palette_menu.connect("id_pressed", self, "add_palette_menu_id_pressed")
 
@@ -328,6 +337,11 @@ func view_menu_id_pressed(id : int) -> void:
 					if guide is Guide:
 						guide.visible = Global.show_guides
 
+func image_menu_id_pressed(id : int) -> void:
+	match id:
+		0: # Outline
+			$OutlineDialog.popup_centered()
+
 func help_menu_id_pressed(id : int) -> void:
 	match id:
 		0: # About Pixelorama
@@ -638,6 +652,52 @@ func _on_ScaleImage_confirmed() -> void:
 	Global.undo_redo.add_do_method(Global, "redo", [Global.canvas])
 	Global.undo_redo.commit_action()
 
+func _on_OutlineDialog_confirmed() -> void:
+	var outline_color : Color = $OutlineDialog/OptionsContainer/OutlineColor.color
+	var thickness : int = $OutlineDialog/OptionsContainer/ThickValue.value
+	var image : Image = Global.canvas.layers[Global.canvas.current_layer_index][0]
+	if image.is_invisible():
+		return
+	var new_image := Image.new()
+	new_image.copy_from(image)
+	new_image.lock()
+
+	Global.canvas.handle_undo("Draw")
+	for xx in image.get_size().x:
+		for yy in image.get_size().y:
+			var pos = Vector2(xx, yy)
+			var current_pixel := image.get_pixelv(pos)
+			if current_pixel.a == 0:
+				continue
+
+			for i in range(1, thickness + 1):
+				var new_pos : Vector2 = pos + Vector2.LEFT * i
+				if new_pos.x > 0:
+					var new_pixel = image.get_pixelv(new_pos)
+					if new_pixel.a == 0:
+						new_image.set_pixelv(new_pos, outline_color)
+
+				new_pos = pos + Vector2.RIGHT * i
+				if new_pos.x < Global.canvas.size.x - 1:
+					var new_pixel = image.get_pixelv(new_pos)
+					if new_pixel.a == 0:
+						new_image.set_pixelv(new_pos, outline_color)
+
+				new_pos = pos + Vector2.UP * i
+				if yy > 0:
+					var new_pixel = image.get_pixelv(new_pos)
+					if new_pixel.a == 0:
+						new_image.set_pixelv(new_pos, outline_color)
+
+				new_pos = pos + Vector2.DOWN * i
+				if yy < Global.canvas.size.y - 1:
+					var new_pixel = image.get_pixelv(new_pos)
+					if new_pixel.a == 0:
+						new_image.set_pixelv(new_pos, outline_color)
+
+	image.copy_from(new_image)
+	Global.canvas.handle_redo("Draw")
+
 func _on_ImportSprites_popup_hide() -> void:
 	if !opensprite_file_selected:
 		Global.can_draw = true