Add a side panel that updates with room info when the room changes (part #18 - finale)

Author: josephmbustamante

CommandProcessor.gd

@@ -1,6 +1,9 @@
 extends Node
 
 
+signal room_changed(new_room)
+signal room_updated(current_room)
+
 var current_room = null
 var player = null
 
@@ -64,6 +67,7 @@ func take(second_word: String) -> String:
 		if second_word.to_lower() == item.item_name.to_lower():
 			current_room.remove_item(item)
 			player.take_item(item)
+			emit_signal("room_updated", current_room)
 			return "You take the " + Types.wrap_item_text(second_word) + "."
 
 	return "There is no " + Types.wrap_item_text(second_word) + " here."
@@ -77,6 +81,7 @@ func drop(second_word: String) -> String:
 		if second_word.to_lower() == item.item_name.to_lower():
 			player.drop_item(item)
 			current_room.add_item(item)
+			emit_signal("room_updated", current_room)
 			return "You drop the " + Types.wrap_item_text(item.item_name) + "."
 
 	return "You don't have anything called " + Types.wrap_item_text(second_word) + "."
@@ -163,4 +168,5 @@ func help() -> String:
 
 func change_room(new_room: GameRoom) -> String:
 	current_room = new_room
+	emit_signal("room_changed", new_room)
 	return new_room.get_full_description()

Game.gd

@@ -1,19 +1,24 @@
 extends Control
 
 
-onready var game_info = $Background/MarginContainer/Rows/GameInfo
+onready var game_info = $Background/MarginContainer/Columns/Rows/GameInfo
 onready var command_processor = $CommandProcessor
 onready var room_manager = $RoomManager
 onready var player = $Player
 
 
 func _ready() -> void:
+	var side_panel = $Background/MarginContainer/Columns/SidePanel
+	command_processor.connect("room_changed", side_panel, "handle_room_changed")
+	command_processor.connect("room_updated", side_panel, "handle_room_updated")
+
 	game_info.create_response(Types.wrap_system_text("Welcome to the retro text adventure! You can type 'help' to see available commands."))
 
 	var starting_room_response = command_processor.initialize(room_manager.get_child(0), player)
 	game_info.create_response(starting_room_response)
 
 
+
 func _on_Input_text_entered(new_text: String) -> void:
 	if new_text.empty():
 		return

Game.tscn

@@ -1,4 +1,4 @@
-[gd_scene load_steps=13 format=2]
+[gd_scene load_steps=14 format=2]
 
 [ext_resource path="res://input/Input.gd" type="Script" id=1]
 [ext_resource path="res://fonts/plex_mono_28.tres" type="DynamicFont" id=2]
@@ -8,6 +8,7 @@
 [ext_resource path="res://rooms/RoomManager.gd" type="Script" id=6]
 [ext_resource path="res://Player.gd" type="Script" id=7]
 [ext_resource path="res://GameInfo.tscn" type="PackedScene" id=8]
+[ext_resource path="res://SidePanel.tscn" type="PackedScene" id=9]
 
 [sub_resource type="StyleBoxFlat" id=1]
 bg_color = Color( 0.0784314, 0.0784314, 0.0784314, 1 )
@@ -129,36 +130,43 @@ custom_constants/margin_top = 20
 custom_constants/margin_left = 20
 custom_constants/margin_bottom = 20
 
-[node name="Rows" type="VBoxContainer" parent="Background/MarginContainer"]
+[node name="Columns" type="HBoxContainer" parent="Background/MarginContainer"]
 margin_left = 20.0
 margin_top = 20.0
 margin_right = 1004.0
 margin_bottom = 580.0
 custom_constants/separation = 20
 
-[node name="GameInfo" parent="Background/MarginContainer/Rows" instance=ExtResource( 8 )]
+[node name="Rows" type="VBoxContainer" parent="Background/MarginContainer/Columns"]
+margin_right = 644.0
+margin_bottom = 560.0
+size_flags_horizontal = 3
+custom_constants/separation = 20
 
-[node name="InputArea" type="PanelContainer" parent="Background/MarginContainer/Rows"]
+[node name="GameInfo" parent="Background/MarginContainer/Columns/Rows" instance=ExtResource( 8 )]
+margin_right = 644.0
+
+[node name="InputArea" type="PanelContainer" parent="Background/MarginContainer/Columns/Rows"]
 margin_top = 500.0
-margin_right = 984.0
+margin_right = 644.0
 margin_bottom = 560.0
 rect_min_size = Vector2( 0, 60 )
 custom_styles/panel = SubResource( 3 )
 
-[node name="HBoxContainer" type="HBoxContainer" parent="Background/MarginContainer/Rows/InputArea"]
-margin_right = 984.0
+[node name="HBoxContainer" type="HBoxContainer" parent="Background/MarginContainer/Columns/Rows/InputArea"]
+margin_right = 644.0
 margin_bottom = 60.0
 
-[node name="Caret" type="Label" parent="Background/MarginContainer/Rows/InputArea/HBoxContainer"]
+[node name="Caret" type="Label" parent="Background/MarginContainer/Columns/Rows/InputArea/HBoxContainer"]
 margin_top = 11.0
 margin_right = 51.0
 margin_bottom = 48.0
 custom_fonts/font = ExtResource( 2 )
 text = " > "
 
-[node name="Input" type="LineEdit" parent="Background/MarginContainer/Rows/InputArea/HBoxContainer"]
+[node name="Input" type="LineEdit" parent="Background/MarginContainer/Columns/Rows/InputArea/HBoxContainer"]
 margin_left = 55.0
-margin_right = 984.0
+margin_right = 644.0
 margin_bottom = 60.0
 size_flags_horizontal = 3
 custom_fonts/font = ExtResource( 2 )
@@ -167,5 +175,8 @@ custom_styles/normal = SubResource( 5 )
 max_length = 48
 script = ExtResource( 1 )
 
-[connection signal="text_entered" from="Background/MarginContainer/Rows/InputArea/HBoxContainer/Input" to="." method="_on_Input_text_entered"]
-[connection signal="text_entered" from="Background/MarginContainer/Rows/InputArea/HBoxContainer/Input" to="Background/MarginContainer/Rows/InputArea/HBoxContainer/Input" method="_on_Input_text_entered"]
+[node name="SidePanel" parent="Background/MarginContainer/Columns" instance=ExtResource( 9 )]
+margin_left = 664.0
+
+[connection signal="text_entered" from="Background/MarginContainer/Columns/Rows/InputArea/HBoxContainer/Input" to="." method="_on_Input_text_entered"]
+[connection signal="text_entered" from="Background/MarginContainer/Columns/Rows/InputArea/HBoxContainer/Input" to="Background/MarginContainer/Columns/Rows/InputArea/HBoxContainer/Input" method="_on_Input_text_entered"]

GameInfo.tscn

@@ -1,15 +1,13 @@
 [gd_scene load_steps=3 format=2]
 
 [ext_resource path="res://GameInfo.gd" type="Script" id=1]
-
-[sub_resource type="StyleBoxFlat" id=2]
-bg_color = Color( 0.215686, 0.215686, 0.215686, 1 )
+[ext_resource path="res://main_panel.tres" type="StyleBox" id=2]
 
 [node name="GameInfo" type="PanelContainer"]
 margin_right = 984.0
 margin_bottom = 480.0
 size_flags_vertical = 3
-custom_styles/panel = SubResource( 2 )
+custom_styles/panel = ExtResource( 2 )
 script = ExtResource( 1 )
 __meta__ = {
 "_edit_use_anchors_": false

SidePanel.gd

@@ -0,0 +1,34 @@
+extends PanelContainer
+
+
+onready var room_name = $MarginContainer/Rows/TitleSection/RoomNameLabel
+onready var room_description = $MarginContainer/Rows/RoomDescriptionLabel
+
+onready var exit_label = $MarginContainer/Rows/ListArea/ExitLabel
+onready var npc_label = $MarginContainer/Rows/ListArea/NpcLabel
+onready var item_label = $MarginContainer/Rows/ListArea/ItemLabel
+
+
+func handle_room_changed(new_room):
+	room_name.text = new_room.room_name
+	room_description.text = new_room.room_description
+
+	exit_label.bbcode_text = new_room.get_exit_description()
+
+	var npc_string = new_room.get_npc_description()
+	if npc_string == "":
+		npc_label.hide()
+	else:
+		npc_label.show()
+		npc_label.bbcode_text = npc_string
+
+	var item_string = new_room.get_item_description()
+	if item_string == "":
+		item_label.hide()
+	else:
+		item_label.show()
+		item_label.bbcode_text = item_string
+
+
+func handle_room_updated(current_room):
+	handle_room_changed(current_room)

SidePanel.tscn

@@ -0,0 +1,105 @@
+[gd_scene load_steps=5 format=2]
+
+[ext_resource path="res://main_panel.tres" type="StyleBox" id=1]
+[ext_resource path="res://fonts/plex_mono_24.tres" type="DynamicFont" id=2]
+[ext_resource path="res://fonts/plex_mono_16.tres" type="DynamicFont" id=3]
+[ext_resource path="res://SidePanel.gd" type="Script" id=4]
+
+[node name="SidePanel" type="PanelContainer"]
+margin_left = 856.0
+margin_right = 984.0
+margin_bottom = 560.0
+rect_min_size = Vector2( 320, 0 )
+custom_styles/panel = ExtResource( 1 )
+script = ExtResource( 4 )
+__meta__ = {
+"_edit_use_anchors_": false
+}
+
+[node name="MarginContainer" type="MarginContainer" parent="."]
+margin_right = 320.0
+margin_bottom = 560.0
+custom_constants/margin_right = 5
+custom_constants/margin_top = 5
+custom_constants/margin_left = 5
+custom_constants/margin_bottom = 5
+
+[node name="Rows" type="VBoxContainer" parent="MarginContainer"]
+margin_left = 5.0
+margin_top = 5.0
+margin_right = 315.0
+margin_bottom = 555.0
+custom_constants/separation = 20
+
+[node name="TitleSection" type="VBoxContainer" parent="MarginContainer/Rows"]
+margin_right = 310.0
+margin_bottom = 54.0
+custom_constants/separation = 0
+
+[node name="InfoLabel" type="Label" parent="MarginContainer/Rows/TitleSection"]
+margin_right = 310.0
+margin_bottom = 22.0
+custom_colors/font_color = Color( 0.631373, 0.631373, 0.631373, 1 )
+custom_fonts/font = ExtResource( 3 )
+text = "You are in..."
+
+[node name="RoomNameLabel" type="Label" parent="MarginContainer/Rows/TitleSection"]
+margin_top = 22.0
+margin_right = 310.0
+margin_bottom = 54.0
+custom_colors/font_color = Color( 0.980392, 1, 0.580392, 1 )
+custom_fonts/font = ExtResource( 2 )
+text = "A Room"
+autowrap = true
+
+[node name="RoomDescriptionLabel" type="Label" parent="MarginContainer/Rows"]
+margin_top = 74.0
+margin_right = 310.0
+margin_bottom = 121.0
+custom_fonts/font = ExtResource( 3 )
+text = "This will be where the room's description goes."
+autowrap = true
+
+[node name="ListArea" type="VBoxContainer" parent="MarginContainer/Rows"]
+margin_top = 141.0
+margin_right = 310.0
+margin_bottom = 483.0
+size_flags_vertical = 3
+
+[node name="ExitLabel" type="RichTextLabel" parent="MarginContainer/Rows/ListArea"]
+margin_right = 310.0
+margin_bottom = 23.0
+custom_fonts/normal_font = ExtResource( 3 )
+bbcode_enabled = true
+bbcode_text = "Exits: Option"
+text = "Exits: Option"
+fit_content_height = true
+
+[node name="NpcLabel" type="RichTextLabel" parent="MarginContainer/Rows/ListArea"]
+margin_top = 27.0
+margin_right = 310.0
+margin_bottom = 50.0
+custom_fonts/normal_font = ExtResource( 3 )
+bbcode_enabled = true
+bbcode_text = "Exits: Option"
+text = "Exits: Option"
+fit_content_height = true
+
+[node name="ItemLabel" type="RichTextLabel" parent="MarginContainer/Rows/ListArea"]
+margin_top = 54.0
+margin_right = 310.0
+margin_bottom = 77.0
+custom_fonts/normal_font = ExtResource( 3 )
+bbcode_enabled = true
+bbcode_text = "Exits: Option"
+text = "Exits: Option"
+fit_content_height = true
+
+[node name="HelpLabel" type="Label" parent="MarginContainer/Rows"]
+margin_top = 503.0
+margin_right = 310.0
+margin_bottom = 550.0
+custom_colors/font_color = Color( 1, 0.827451, 0.580392, 1 )
+custom_fonts/font = ExtResource( 3 )
+text = "You can type 'help' to see all possible commands."
+autowrap = true

main_panel.tres

@@ -0,0 +1,4 @@
+[gd_resource type="StyleBoxFlat" format=2]
+
+[resource]
+bg_color = Color( 0.215686, 0.215686, 0.215686, 1 )