Generate cropped image, stepping forward + backward, allow image rotate

Author: NetroScript

MainApplication.tscn

@@ -1,11 +1,26 @@
-[gd_scene load_steps=23 format=3 uid="uid://dobe3b68py6dw"]
+[gd_scene load_steps=24 format=3 uid="uid://dobe3b68py6dw"]
 
 [ext_resource type="Theme" uid="uid://bbsoqdy0nn2wf" path="res://Application.theme" id="1_wph70"]
 [ext_resource type="Script" path="res://scripts/ImageScrollManager.gd" id="2_i2scm"]
 [ext_resource type="Script" path="res://scripts/ImageViewManager.gd" id="3_ncvqp"]
 [ext_resource type="FontFile" uid="uid://dinyhiwiyllcs" path="res://assets/fonts/cantarell/Cantarell-Bold.ttf" id="11_ow6c5"]
 [ext_resource type="Theme" uid="uid://bf7i7i8nhw47o" path="res://FileDialog.theme" id="12_fmmtm"]
 
+[sub_resource type="GDScript" id="GDScript_kfh2f"]
+script/source = "extends VSplitContainer
+
+
+# Called when the node enters the scene tree for the first time.
+func _ready() -> void:
+	pass # Replace with function body.
+
+
+func _gui_input(event: InputEvent) -> void:
+	# When this part is clicked, unfocus all GUI elements
+	if get_viewport().gui_get_focus_owner() != null:
+		get_viewport().gui_get_focus_owner().release_focus()
+"
+
 [sub_resource type="GDScript" id="GDScript_byb03"]
 script/source = "extends AspectRatioContainer
 
@@ -21,7 +36,7 @@ func _ready() -> void:
 [sub_resource type="StyleBoxFlat" id="StyleBoxFlat_65bg7"]
 bg_color = Color(0.6, 0.6, 0.6, 0)
 border_width_left = 1024
-border_width_top = 1000
+border_width_top = 1024
 border_width_right = 1024
 border_width_bottom = 1024
 border_color = Color(0, 0, 0, 0.568627)
@@ -54,6 +69,12 @@ func _ready() -> void:
 		func(value : float):
 			Application.crop_to_size.x = int(value)
 	)
+
+func _gui_input(event: InputEvent) -> void:
+	# On Escape release focus if owned
+	if event is InputEventKey:
+		if event.keycode == KEY_ESCAPE and has_focus():
+			release_focus()
 "
 
 [sub_resource type="GDScript" id="GDScript_xdud2"]
@@ -71,6 +92,13 @@ func _ready() -> void:
 		func(value : float):
 			Application.crop_to_size.y = int(value)
 	)
+
+
+func _gui_input(event: InputEvent) -> void:
+	# On Escape release focus if owned
+	if event is InputEventKey:
+		if event.keycode == KEY_ESCAPE and has_focus():
+			release_focus()
 "
 
 [sub_resource type="Image" id="Image_fy5dq"]
@@ -153,6 +181,7 @@ func _ready() -> void:
 		func(dir: String):
 			input_path.text = dir
 			Application.entry_path = dir
+			release_focus()
 	)
 
 "
@@ -169,6 +198,12 @@ func _ready() -> void:
 
 	toggled.connect(func(value: bool): Application.load_subdirectories = value)
 
+
+func _gui_input(event: InputEvent) -> void:
+	# On Escape release focus if owned
+	if event is InputEventKey:
+		if event.keycode == KEY_ESCAPE and has_focus():
+			release_focus()
 "
 
 [node name="MainPanel" type="PanelContainer"]
@@ -177,6 +212,7 @@ anchor_right = 1.0
 anchor_bottom = 1.0
 grow_horizontal = 2
 grow_vertical = 2
+mouse_filter = 1
 theme = ExtResource("1_wph70")
 
 [node name="HSplitContainer" type="HSplitContainer" parent="."]
@@ -188,6 +224,7 @@ size_flags_horizontal = 3
 theme_override_constants/separation = 8
 theme_override_constants/minimum_grab_thickness = 20
 theme_override_constants/autohide = 0
+script = SubResource("GDScript_kfh2f")
 
 [node name="CenterContainer" type="PanelContainer" parent="HSplitContainer/VSplitContainer"]
 clip_contents = true
@@ -206,16 +243,23 @@ layout_mode = 2
 mouse_filter = 1
 
 [node name="Sprite2D" type="Sprite2D" parent="HSplitContainer/VSplitContainer/CenterContainer/CenterContainer/Control"]
-scale = Vector2(0.322, 0.322)
+scale = Vector2(4.272, 4.272)
 script = ExtResource("3_ncvqp")
 
-[node name="AspectRatioContainer" type="AspectRatioContainer" parent="HSplitContainer/VSplitContainer/CenterContainer"]
+[node name="MarginContainer" type="MarginContainer" parent="HSplitContainer/VSplitContainer/CenterContainer"]
 clip_contents = true
 layout_mode = 2
+theme_override_constants/margin_left = 30
+theme_override_constants/margin_top = 30
+theme_override_constants/margin_right = 30
+theme_override_constants/margin_bottom = 30
+
+[node name="AspectRatioContainer" type="AspectRatioContainer" parent="HSplitContainer/VSplitContainer/CenterContainer/MarginContainer"]
+layout_mode = 2
 mouse_filter = 2
 script = SubResource("GDScript_byb03")
 
-[node name="CutOutArea" type="Panel" parent="HSplitContainer/VSplitContainer/CenterContainer/AspectRatioContainer"]
+[node name="CutOutArea" type="Panel" parent="HSplitContainer/VSplitContainer/CenterContainer/MarginContainer/AspectRatioContainer"]
 unique_name_in_owner = true
 layout_mode = 2
 mouse_filter = 2

scripts/Application.gd

@@ -68,6 +68,36 @@ func _ready() -> void:
 	thread_polling_timer.paused = false
 	thread_polling_timer.start()
 
+func _unhandled_key_input(e: InputEvent) -> void:
+	var event: InputEventKey = e as InputEventKey
+	
+	if event == null:
+		return
+	
+	
+	# Do not do these actions when the GUI has something in focus
+	# So check if currently any GUI has focus
+	if get_viewport().gui_get_focus_owner() != null:
+		return
+	
+	if not event.pressed:
+	
+		# If the event is either Space or right key, go to the next image
+		if event.keycode == KEY_SPACE || event.keycode == KEY_RIGHT:
+			current_active_index += 1
+		elif event.keycode == KEY_LEFT:
+			current_active_index -= 1
+		
+		if currently_active_item:
+			
+			# Allow rotating an image
+			if event.keycode == KEY_Q:
+				currently_active_item.rotate(COUNTERCLOCKWISE)
+				current_active_index = current_active_index
+			if event.keycode == KEY_E:
+				currently_active_item.rotate(CLOCKWISE)
+				current_active_index = current_active_index
+	
 func _poll_threads() -> void:
 
 	for worker in thread_workers:
@@ -126,12 +156,19 @@ func clear() -> void:
 	post_clear.emit()
 
 class ImageThreadWorkerTask extends Resource:
+	
+	enum WORKER_TASKS {LOAD, STORE, CROP}
+	
 	var callback: Callable
 	var path: String 
+	var task: WORKER_TASKS
+	var data_playload : Dictionary
 
-	func _init(callback: Callable, path: String) -> void:
+	func _init(callback: Callable, path: String, task: WORKER_TASKS = WORKER_TASKS.LOAD, payload: Dictionary = {}) -> void:
 		self.path = path
 		self.callback = callback
+		self.task = task
+		self.data_playload = payload
 
 class ImageThreadWorker extends Resource:
 

scripts/ImageViewManager.gd

@@ -18,15 +18,49 @@ func _ready() -> void:
 func update_image(image: ProcessedImage) -> void:
 
 	if current_image != null:
-		current_image.was_loaded.disconnect(update_image.bind(image))
-	
+		
+		if current_image.was_loaded.is_connected(update_image.bind(image)):
+			current_image.was_loaded.disconnect(update_image.bind(image))
+		
+		if current_image != image:
+			# Store our cropping state in the old image
+			# For that pass in the Rect2i which would describe the sub section of the image
+			var image_section_size : Vector2 = cutout_area.size / scale
+			
+			# Next is our top left position of the rect
+			# As our internal position always starts of center, we start at the center too, subtract half our size
+			# and then we offset that by our custom additional offset
+			var image_position : Vector2 = size/2 - image_section_size/2 + additional_offset/scale
+			
+			# If the image position is less than 0,0 we clamp it
+			if image_position.x < 0:
+				image_position.x = 0
+			if image_position.y < 0:
+				image_position.y = 0
+			
+			
+			# Now pass on that subrect
+			current_image.export_image(Rect2i(image_position, image_section_size))
+
+
 	current_image = image
 
 	if image.original_texture == null:
 		image.load_image()
 		image.was_loaded.connect(update_image.bind(image))
 
 	texture = image.original_texture
+	
+
+	update_positions()
+	
+	# If we already previously loaded and unloaded the image, restore the zoom position we had 
+	if image.was_already_exported:
+		scale = cutout_area.size / Vector2(image.exported_section.size)
+		additional_offset = -(size/2 - Vector2(image.exported_section.size)/2 - Vector2(image.exported_section.position)) * scale
+	
+	
+	clamp_position()
 
 func update_positions() -> void:
 	if texture == null:
@@ -49,8 +83,12 @@ func update_positions() -> void:
 	minimum_zoom = scale_tmp
 	scale = Vector2(scale_tmp, scale_tmp)
 
-func _input(event: InputEvent) -> void:
+func _unhandled_input(event: InputEvent) -> void:
 
+	# Get the current mouse pointer and only containue if it is the moving cursor
+	# (Poverty fix to prevent actions outside this area affecting this)
+	if Input.get_current_cursor_shape() != Input.CURSOR_MOVE:
+		return
 
 	# Check for mouse events to update the position
 
@@ -115,5 +153,5 @@ func clamp_position() -> void:
 		additional_offset.x = space_available_from_center.x * sign(additional_offset.x)
 	if abs(additional_offset.y) > space_available_from_center.y:
 		additional_offset.y = space_available_from_center.y * sign(additional_offset.y)
-	
+		
 	position = -additional_offset

scripts/ProcessedImage.gd

@@ -19,6 +19,8 @@ var index: int = 0
 
 var is_loading_image: bool = false
 
+var exported_section: Rect2i = Rect2i()
+
 var is_active: bool = false :
 	set(value):
 		is_active = value
@@ -45,7 +47,17 @@ func load_image() -> void:
 			was_loaded.emit()
 			is_loading_image = false
 	)
-		
+
+func rotate(direction: int) -> void:
+	if original_texture == null:
+		return 
+	
+	var new_image = original_texture.get_image()
+	new_image.rotate_90(direction)
+	
+	original_texture = ImageTexture.create_from_image(new_image)
+	
+	was_loaded.emit()
 
 func unload_image() -> bool:
 
@@ -56,10 +68,21 @@ func unload_image() -> bool:
 
 	return false
 
-func export_image(position: Rect2) -> bool:
+func export_image(position: Rect2i) -> bool:
+	
+	exported_section = position
+	
+	# We now have our image section, where we extract a new image
+	if original_texture != null:
+		var new_image := original_texture.get_image().get_region(position)
+		
+		# Now we resize that target region into the crop size we actually want
+		new_image.resize(Application.crop_to_size.x, Application.crop_to_size.y, Image.INTERPOLATE_LANCZOS)
+		
+		preview_texture = ImageTexture.create_from_image(new_image)
 
-	was_already_exported = true
-	was_exported.emit()
+		was_already_exported = true
+		was_exported.emit()
 	return false
 
 func get_file_name() -> String: