Transition

scripts/InteractableArea.gd

@@ -1,3 +1,3 @@
 class_name InteractableArea extends Area3D
 
-signal interactEvent
+signal interactEvent(playerEntity:Player)

scripts/entities/NPC.gd

@@ -8,46 +8,146 @@ enum InteractType {
 
 # Movement speed in units per second
 @export var gravity: float = 24.8
+
 @export var interactType:InteractType = InteractType.NONE
 @export_multiline var interactTexts:Array[String] = []
+@export var npcLookAtPlayer:bool = true
+@export var playerLookAtNPC:bool = true
+@export var interactCamera:Camera3D = null
 @export var cutscene:Cutscene = null
+
 var nextTextIndex:int = 0
+var previousCamera:Camera3D = null
+var playerEnt:Player
+var conversationEnding:bool = false
+
+func lookAtPlayer() -> void:
+	if !playerEnt:
+		return
+
+	# Get player position and NPC position
+	var playerPos = playerEnt.global_transform.origin
+	var npcPos = global_transform.origin
+
+	# Rotate the NPC to look at the player
+	if npcLookAtPlayer:
+		var npcDirection = (playerPos - npcPos).normalized()
+		var npcRotation = Vector3(0, atan2(npcDirection.x, npcDirection.z), 0)
+		global_transform.basis = Basis.from_euler(npcRotation)
+
+	# Rotate the player to look at the NPC
+	if playerLookAtNPC:
+		var playerDirection = (npcPos - playerPos).normalized()
+		var playerRotation = Vector3(0, atan2(playerDirection.x, playerDirection.z), 0)
+		playerEnt.global_transform.basis = Basis.from_euler(playerRotation)
+
+func showTexts():
+	TRANSITION.fadeOutStart.disconnect(showTexts)
+
+	# Any texts?
+	if interactTexts.size() == 0:
+		endTexts()
+		return
+
+	# First text.
+	UI.TEXTBOX.setText(interactTexts[nextTextIndex])
+	UI.TEXTBOX.textboxClosing.connect(onTextboxClosing)
+
+func endTexts():
+	UI.TEXTBOX.textboxClosing.disconnect(onTextboxClosing)
+	conversationEnding = true
+
+	# Do we fade out the camera?
+	if interactCamera:
+		TRANSITION.fade(TRANSITION.FadeType.FADE_OUT)
+		TRANSITION.fadeOutEnd.connect(onFadeOutEnd)
+		return
+
+	# Reset Camera?
+	if previousCamera:
+		previousCamera.current = true
+		previousCamera = null
 
 func _enter_tree() -> void:
-	$InteractableArea.interactEvent.connect(_on_interact)
+	$InteractableArea.interactEvent.connect(onInteract)
 
 func _exit_tree() -> void:
-	$InteractableArea.interactEvent.disconnect(_on_interact)
+	$InteractableArea.interactEvent.disconnect(onInteract)
 	UI.TEXTBOX.textboxClosing.disconnect(onTextboxClosing)
+	TRANSITION.fadeOutEnd.disconnect(onFadeOutEnd)
+	TRANSITION.fadeInEnd.disconnect(onFadeInEnd)
 
 func _physics_process(delta):
 	# Apply gravity if not on floor
 	if !is_on_floor():
 		velocity += PHYSICS.GRAVITY * delta
-
 	move_and_slide()
 
-func _on_interact() -> void:
+func onInteract(playerEntity:Player) -> void:
+	# Reset state
+	previousCamera = null
 	nextTextIndex = 0
+	playerEnt = playerEntity
+	conversationEnding = false
+
 	match interactType:
 		InteractType.TEXTBOX:
-			if interactTexts.size() == 0:
+			PAUSE.cutscenePause()
+
+			# If a camera is set, switch to it, otherwise chat immediately.
+			if !interactCamera:
+				showTexts()
 				return
-			UI.TEXTBOX.setText(interactTexts[nextTextIndex])
-			UI.TEXTBOX.textboxClosing.connect(onTextboxClosing)
-			return
+			
+			# Fade out.
+			TRANSITION.fade(TRANSITION.FadeType.FADE_OUT)
+			TRANSITION.fadeOutEnd.connect(onFadeOutEnd)
 
 		InteractType.CUTSCENE:
-			if cutscene:
-				cutscene.start()
-			return
+			if !cutscene:
+				return
+			cutscene.start()
+		
 		_:
 			return
 
-
 func onTextboxClosing() -> void:
 	nextTextIndex += 1
+
+	# More text?
 	if nextTextIndex < interactTexts.size():
 		UI.TEXTBOX.setText(interactTexts[nextTextIndex])
 	else:
-		UI.TEXTBOX.textboxClosing.disconnect(onTextboxClosing)
+		endTexts()
+
+func onFadeOutEnd() -> void:
+	# Begin fade back in.
+	TRANSITION.fadeOutEnd.disconnect(onFadeOutEnd)
+	TRANSITION.fade(TRANSITION.FadeType.FADE_IN)
+	TRANSITION.fadeInEnd.connect(onFadeInEnd)
+
+	# Is the conversation ending?
+	if conversationEnding:
+		# Reset camera.
+		if previousCamera:
+			previousCamera.current = true
+			previousCamera = null
+		return
+
+	# No! We are starting the conversation, make the ents look at each other
+	lookAtPlayer()
+
+	# Change camera
+	previousCamera = get_viewport().get_camera_3d()
+	interactCamera.current = true
+
+func onFadeInEnd() -> void:
+	TRANSITION.fadeInEnd.disconnect(onFadeInEnd)
+
+	# Did the conversation end?
+	if conversationEnding:
+		PAUSE.cutsceneResume()
+		return
+
+	# Show texts after fade in.
+	showTexts()

scripts/entities/player/PlayerInteraction.gd

@@ -1,6 +1,7 @@
 class_name PlayerInteraction extends Node
 
 @export var interactableArea:Area3D
+@export var player:CharacterBody3D
 
 func canInteract() -> bool:
 	if PAUSE.isMovementPaused():
@@ -26,4 +27,4 @@ func _process(delta: float) -> void:
 	if !interactable:
 		return
 
-	interactable.interactEvent.emit()
+	interactable.interactEvent.emit(player)

scripts/entities/player/PlayerMovement.gd

@@ -5,9 +5,6 @@ const SPEED = 8.0
 
 @export var player:CharacterBody3D
 
-func _ready() -> void:
-	player = get_parent().get_parent()
-	
 func canMove() -> bool:
 	if PAUSE.isMovementPaused():
 		return false

scripts/singletons/Pause.gd

@@ -1,6 +1,16 @@
 class_name PauseSingleton extends Node
 
+var cutscenePaused:bool = false
+
+func cutscenePause() -> void:
+	cutscenePaused = true
+
+func cutsceneResume() -> void:
+	cutscenePaused = false
+
 func isMovementPaused() -> bool:
+	if cutscenePaused:
+		return true
 	if !UI.TEXTBOX.isClosed:
 		return true
 	return false

scripts/singletons/Transition.gd

@@ -0,0 +1,79 @@
+class_name TransitionSingleton extends Control
+
+enum FadeType {
+	NONE,
+	FADE_IN,
+	FADE_OUT
+}
+
+signal fadeOutStart
+signal fadeOutEnd
+signal fadeInStart
+signal fadeInEnd
+signal fadeUpdate(t:float)
+
+var fadeType:FadeType = FadeType.NONE
+var fadeDuration:float = 0.4
+var fadeTime:float = 0.0
+
+func _enter_tree() -> void:
+	$Overlay.visible = false
+
+func _process(delta: float) -> void:
+	if fadeType == FadeType.NONE:
+		return
+
+	fadeTime += delta
+	var t:float = fadeTime / fadeDuration
+
+	# Get destination alpha type.
+	var destAlpha:float = 0.0
+	var srcAlpha:float
+	if fadeType == FadeType.FADE_IN:
+		srcAlpha = 1.0
+		destAlpha = 0.0
+	elif fadeType == FadeType.FADE_OUT:
+		srcAlpha = 0.0
+		destAlpha = 1.0
+
+	# End?
+	if t >= 1.0:
+		fadeUpdate.emit(1.0)
+		var cFade = fadeType
+		print("Transition: Fade complete")
+		fadeType = FadeType.NONE
+
+		if cFade == FadeType.FADE_OUT:
+			$Overlay.visible = true
+			fadeOutEnd.emit()
+		elif cFade == FadeType.FADE_IN:
+			$Overlay.visible = false
+			fadeInEnd.emit()
+		
+		$Overlay.color.a = destAlpha
+		return
+
+	# TODO: Use curves
+	$Overlay.color.a = srcAlpha + (destAlpha - srcAlpha) * t
+	fadeUpdate.emit(t)
+	pass
+
+func fade(
+	fade:FadeType = FadeType.FADE_IN,
+	duration:float = 0.4,
+	color:Color = Color(0, 0, 0, 1),
+):
+	$Overlay.visible = false
+	$Overlay.color = color
+	fadeDuration = duration
+	fadeTime = 0
+	fadeType = fade
+
+	if fade == FadeType.FADE_IN:
+		fadeInStart.emit()
+		$Overlay.color.a = 0
+	elif fade == FadeType.FADE_OUT:
+		fadeOutStart.emit()
+		$Overlay.color.a = 1
+
+	$Overlay.visible = true

scripts/singletons/Transition.gd.uid

@@ -0,0 +1 @@
+uid://iu3m73wtjlho