El presente documento detalla el proceso completo de desarrollo, organizado en fases secuenciales. Cada fase incluye los pasos t\u00e9cnicos ejecutados, las decisiones de dise\u00f1o adoptadas y las referencias a las figuras que ilustran el estado del proyecto en cada etapa.<\/p>\n\n\n\n
\n\n\n\n
Fase 1: Fundamentos y configuraci\u00f3n del entorno<\/h2>\n\n\n\n1.1 Instalaci\u00f3n de Godot Engine y creaci\u00f3n del proyecto<\/h3>\n\n\n\n
El primer paso consiste en descargar Godot Engine 4.x<\/strong> desde el sitio web oficial. Se selecciona la versi\u00f3n estable para el sistema operativo de desarrollo (Windows 10\/11). Una vez descargado, se extrae el contenido en una carpeta local y se ejecuta el archivo ejecutable.<\/p>\n\n\n\n Dentro del administrador de proyectos de Godot, se crea un nuevo proyecto con las siguientes caracter\u00edsticas:<\/p>\n\n\n\n Tras la creaci\u00f3n, el proyecto se abre y se muestra la escena vac\u00eda predeterminada, que contiene una c\u00e1mara ( Figura 1.<\/strong> Ventana principal de Godot Engine con el proyecto “Knight’s Quest” reci\u00e9n creado.<\/em><\/p>\n\n\n\n Para que el caballero tenga una superficie sobre la cual desplazarse, se construye un suelo utilizando un nodo CSGBox3D<\/strong>. Este nodo pertenece a la familia CSG (Constructive Solid Geometry), que permite modelar geometr\u00eda b\u00e1sica directamente dentro del editor.<\/p>\n\n\n\n Procedimiento:<\/strong><\/p>\n\n\n\n Figura 2.<\/strong> Nodo CSGBox3D configurado como suelo, con dimensiones 20x1x20.<\/em><\/p>\n\n\n\n Para facilitar la colocaci\u00f3n de objetos, se domina el sistema de navegaci\u00f3n de la vista 3D de Godot:<\/p>\n\n\n\n Esta navegaci\u00f3n permite inspeccionar el suelo desde cualquier \u00e1ngulo y preparar el escenario para recibir al personaje.<\/p>\n\n\n\n Figura 3.<\/strong> Vista 3D del editor mostrando el suelo desde una perspectiva angular.<\/em><\/p>\n\n\n\n La escena 3D por defecto carece de iluminaci\u00f3n ambiental y cielo, lo que resulta en una apariencia plana y oscura. Para corregir esto, se a\u00f1ade un nodo WorldEnvironment<\/strong>.<\/p>\n\n\n\n Procedimiento:<\/strong><\/p>\n\n\n\n Este entorno mejora dr\u00e1sticamente la visibilidad de los objetos y prepara la escena para recibir luces m\u00e1s detalladas.<\/p>\n\n\n\n Figura 4.<\/strong> Inspector del nodo WorldEnvironment mostrando la configuraci\u00f3n de Sky y Ambient Light.<\/em><\/p>\n\n\n\n Para la implementacion final, se hizo uso de la imagen enviroment<\/strong>, la cual es una imagen pensada para cambiar todo el entorno del juego, usa una separacion de lo se vera en 3d en el suelo y en el cielo.<\/p>\n\n\n\n Figura 5.<\/strong> Imagen enviroment usada en el juego.<\/em><\/p>\n\n\n\n Para verificar que el sistema de scripting funciona correctamente, se a\u00f1ade un script a un nodo temporal. Se utiliza la funci\u00f3n C\u00f3digo de prueba:<\/strong><\/p>\n\n\n\n Al ejecutar la escena (F6), el mensaje aparece en la consola de salida, confirmando que el entorno de programaci\u00f3n est\u00e1 listo.<\/p>\n\n\n\n Figura 6.<\/strong> Consola de salida de Godot mostrando el mensaje de verificaci\u00f3n.<\/em><\/p>\n\n\n\n El movimiento de objetos en Godot se realiza modificando la propiedad Para demostrarlo, se selecciona el CSGBox3D del suelo y se escribe un peque\u00f1o script que lo desplaza en el eje X:<\/p>\n\n\n\n C\u00f3digo de ejemplo:<\/strong><\/p>\n\n\n\n El uso de Figura 7.<\/strong> Script aplicado al suelo mostrando la l\u00f3gica de movimiento con operador +=.<\/em><\/p>\n\n\n\n <\/p>\n\n\n\n Para introducir f\u00edsicas realistas, se crea un objeto independiente usando RigidBody3D<\/strong>. A diferencia de otros cuerpos, este reacciona autom\u00e1ticamente a la gravedad, colisiones y fuerzas.<\/p>\n\n\n\n Procedimiento:<\/strong><\/p>\n\n\n\n Al ejecutar la escena, la caja cae por gravedad, rebota ligeramente y se detiene sobre el suelo. Este comportamiento demuestra el motor de f\u00edsicas integrado.<\/p>\n\n\n\n Figura 8.<\/strong> Jerarqu\u00eda de nodos del RigidBody3D con CollisionShape3D y MeshInstance3D.<\/em><\/p>\n\n\n\n <\/p>\n\n\n\n El caballero se implementa mediante un nodo CharacterBody3D<\/strong>, que proporciona un control preciso sobre el movimiento sin estar completamente gobernado por la f\u00edsica como un Jerarqu\u00eda de nodos:<\/strong><\/p>\n\n\n\n La Figura 9.<\/strong> \u00c1rbol de nodos del personaje Caballero mostrando la estructura completa.<\/em><\/p>\n\n\n\n Para el modelo visual del caballero, las monedas y los elementos decorativos se utilizan los paquetes de assets gratuitos de KayKit<\/strong>, disponibles en el sitio oficial de KayKit (kaykit.games). Se descargan los paquetes “Character Pack”, “Platformer Pack” y “Coins Pack” en formato Procedimiento de importaci\u00f3n:<\/strong><\/p>\n\n\n\n El modelo del caballero se asigna a la Figura 10.<\/strong> Panel FileSystem mostrando los assets de KayKit importados.<\/em><\/p>\n\n\n\n El movimiento del caballero se implementa manualmente mediante c\u00f3digo GDScript, sin usar plugins de cinem\u00e1tica predefinidos. El script se adjunta al nodo Script completo de movimiento:<\/strong><\/p>\n\n\n\n Se crean acciones de entrada personalizadas ( Figura 11.<\/strong> Editor de Input Map mostrando las acciones personalizadas para el caballero.<\/em><\/p>\n\n\n\n El nivel de Knight’s Quest<\/em> se compone de varias plataformas flotantes a distintas alturas. Para construirlas se utilizan nodos CSGBox3D<\/strong> y StaticBody3D<\/strong>.<\/p>\n\n\n\n Procedimiento:<\/strong><\/p>\n\n\n\n Se crean cinco plataformas con las siguientes coordenadas (en unidades Godot):<\/p>\n\n\n\n Figura 12.<\/strong> Vista superior del nivel mostrando la disposici\u00f3n de las cinco plataformas flotantes.<\/em><\/p>\n\n\n\n <\/p>\n\n\n\n Para mejorar la est\u00e9tica, se aplican materiales a cada plataforma usando Procedimiento:<\/strong><\/p>\n\n\n\n\n
C:\/GodotProjects\/KnightsQuest<\/code><\/li>\n\n\n\nCamera3D<\/code>) y una luz (DirectionalLight3D<\/code>).<\/p>\n\n\n\n![\"Ventana](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/Figura1-2-1024x566.jpeg\")
<\/figure>\n\n\n\n
\n\n\n\n1.2 Configuraci\u00f3n del suelo con CSGBox3D<\/h3>\n\n\n\n
\n
CSGBox3D<\/code>.<\/li>\n\n\n\nSuelo<\/code>.<\/li>\n\n\n\nSize<\/code> a (20, 1, 20)<\/code> para crear una plataforma ancha y plana.<\/li>\n\n\n\nUse Collision<\/code> para que el suelo genere autom\u00e1ticamente una forma de colisi\u00f3n.<\/li>\n<\/ol>\n\n\n\n![\"Nodo](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/Figura2.jpeg\")
<\/figure>\n\n\n\n
\n\n\n\n1.3 Navegaci\u00f3n en la vista 3D<\/h3>\n\n\n\n
\n
![\"Vista](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/Figura3-1024x565.jpeg\")
<\/figure>\n\n\n\n
\n\n\n\n1.4 Adici\u00f3n del WorldEnvironment<\/h3>\n\n\n\n
\n
WorldEnvironment<\/code> al \u00e1rbol de escenas.<\/li>\n\n\n\nEnvironment<\/code> haciendo clic en “Nuevo Environment”.<\/li>\n\n\n\nBackground<\/code>:\n\n
Sky<\/code> como modo de fondo.<\/li>\n\n\n\nSky<\/code>.<\/li>\n\n\n\nPanoramaSkyMaterial<\/code> o ProceduralSkyMaterial<\/code>.<\/li>\n<\/ul>\n<\/li>\n\n\n\nAmbient Light<\/code>:\n\n
Color<\/code>: Blanco suave (0.8, 0.8, 0.8)<\/code>.<\/li>\n\n\n\nEnergy<\/code>: 0.7<\/code> para una iluminaci\u00f3n global tenue pero suficiente.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n![\"Inspector](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/Figura4-1024x489.jpeg\")
<\/figure>\n\n\n\n![\"Fondo](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/environment-1024x512.png\")
\n\n\n\nFase 2: Programaci\u00f3n b\u00e1sica y movimiento de objetos para Knight’s Quest<\/em><\/h2>\n\n\n\n
2.1 Creaci\u00f3n de un script simple y funci\u00f3n _ready()<\/h3>\n\n\n\n
_ready()<\/code>, que se ejecuta autom\u00e1ticamente una sola vez cuando el nodo y todos sus hijos han sido completamente cargados en el \u00e1rbol de escenas.<\/p>\n\n\n\nextends Node3D\n\nfunc _ready():\n print(\"Sistema de script funcionando correctamente\")<\/pre>\n\n\n\n
![\"Consola](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/Figura5-1024x564.jpeg\")
<\/figure>\n\n\n\n
\n\n\n\n2.2 Manipulaci\u00f3n manual de la posici\u00f3n (transformaciones)<\/h3>\n\n\n\n
position<\/code> de cualquier nodo heredado de Node3D<\/code>. Esta propiedad es un Vector3<\/code> con componentes (x, y, z)<\/code>.<\/p>\n\n\n\nextends CSGBox3D\n\nvar velocidad = 2.0\n\nfunc _process(delta):\n position.x += velocidad * delta<\/pre>\n\n\n\n
delta<\/code> (el tiempo transcurrido entre frames) asegura que el movimiento sea fluido e independiente de la tasa de frames. El operador +=<\/code> incrementa el valor actual de position.x<\/code>.<\/p>\n\n\n\n![\"Script](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/Figura6-1024x268.jpeg\")
<\/figure>\n\n\n\n2.3 Implementaci\u00f3n de f\u00edsica con RigidBody3D<\/h3>\n\n\n\n
\n
RigidBody3D<\/code> renombrado como CajaPrueba<\/code>.<\/li>\n\n\n\nCollisionShape3D<\/code> con una forma BoxShape3D<\/code> del tama\u00f1o adecuado.<\/li>\n\n\n\nMeshInstance3D<\/code> con un BoxMesh<\/code> para representaci\u00f3n visual.<\/li>\n\n\n\nRigidBody3D<\/code>, se ajustan:\n\n
Mass<\/code>: 1.0<\/code><\/li>\n\n\n\nFriction<\/code>: 0.5<\/code><\/li>\n\n\n\nBounce<\/code>: 0.3<\/code><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n![\"Jerarqu\u00eda](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/Figura7-1024x427.jpeg\")
<\/figure>\n\n\n\nFase 3: Construcci\u00f3n del personaje jugable (caballero)<\/h2>\n\n\n\n
3.1 Estructura del CharacterBody3D formando Knight’s Quest<\/em><\/h3>\n\n\n\n
RigidBody3D<\/code>.<\/p>\n\n\n\n\n
Caballero<\/code> (CharacterBody3D)\n\n
CollisionShape3D<\/code> (forma de CapsuleShape3D<\/strong>)<\/li>\n\n\n\nMeshInstance3D<\/code> (modelo 3D importado desde KayKit)<\/li>\n\n\n\nSpringArm3D<\/code> (para la c\u00e1mara en tercera persona)\n\n
Camera3D<\/code><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\nCapsuleShape3D<\/code> se elige sobre BoxShape3D<\/code> porque se aproxima mejor a la silueta de un personaje humanoide, facilitando el paso por espacios angostos.<\/p>\n\n\n\n![\"\u00c1rbol](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/Figura8-1024x535.jpeg\")
<\/figure>\n\n\n\n
\n\n\n\n3.2 Importaci\u00f3n de assets desde KayKit<\/h3>\n\n\n\n
.glb<\/code> (glTF).<\/p>\n\n\n\n\n
FileSystem<\/code> de Godot, se crea la carpeta assets\/models\/<\/code>.<\/li>\n\n\n\n.glb<\/code> desde el explorador del sistema a la carpeta.<\/li>\n\n\n\nImport As Skeleton<\/code> para mantener las animaciones (si las hubiera).<\/li>\n<\/ol>\n\n\n\nMeshInstance3D<\/code> hija del CharacterBody3D<\/code>.<\/p>\n\n\n\n![\"Panel](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/Figura9-1024x525.jpeg\")
<\/figure>\n\n\n\n
\n\n\n\n3.3 Configuraci\u00f3n del movimiento manual (cinem\u00e1tica)<\/h3>\n\n\n\n
Caballero<\/code>.<\/p>\n\n\n\nclass_name Player
extends CharacterBody3D
const SPEED = 6.0
const JUMP_VELOCITY = 7
@export var sens_horizontal: float = 0.003
@export var sens_vertical: float = 0.003
# Animaciones
@onready var animation_player: AnimationPlayer = $Knight\/AnimationPlayer
@onready var knight: Node3D = $Knight
# C\u00e1mara
@onready var camera_pivot: Node3D = $pivot
@onready var camera: Camera3D = $pivot\/Camera3D
var max_up := deg_to_rad(60)
var min_down := deg_to_rad(-60)
var pitch := 0.0
var camera_yaw: float = 0.0
# Estado de animaci\u00f3n
var current_animation: String = \"\"
var is_jumping: bool = false
func _ready() -> void:
\tInput.mouse_mode = Input.MOUSE_MODE_CAPTURED
\t
\tif not camera:
\t\tcamera = $pivot2\/Camera3D
\t\tcamera_pivot = $pivot2
\t
\tif camera:
\t\tcamera.current = true
\t\tif camera == $pivot\/Camera3D and $pivot2\/Camera3D:
\t\t\t$pivot2\/Camera3D.current = false
\t\telif camera == $pivot2\/Camera3D and $pivot\/Camera3D:
\t\t\t$pivot\/Camera3D.current = false
\t
\tif not animation_player:
\t\tprint(\"Error: No se encontr\u00f3 AnimationPlayer en Knight\")
\telse:
\t\tplay_animation(\"Player\/Idle_A\")
func _input(event):
\tif event is InputEventMouseMotion and Input.mouse_mode == Input.MOUSE_MODE_CAPTURED:
\t\tcamera_yaw -= event.relative.x * sens_horizontal
\t\tpitch -= event.relative.y * sens_vertical
\t\tpitch = clamp(pitch, min_down, max_up)
\t\t
\t\tcamera_pivot.rotation = Vector3(pitch, camera_yaw, 0.0)
func _physics_process(delta: float) -> void:
\t# Gravedad
\tif not is_on_floor():
\t\tvelocity += get_gravity() * delta
\t\t
\t\tif velocity.y > 0 and not is_jumping:
\t\t\tplay_animation(\"Player\/Jump_Start\")
\t\t\tis_jumping = true
\t\telif velocity.y <= 0 and is_jumping:
\t\t\tplay_animation(\"Player\/Jump_Full_Long\")
\telse:
\t\tif is_jumping:
\t\t\tplay_animation(\"Player\/Jump_Land\")
\t\t\tis_jumping = false
\t\t\tawait get_tree().create_timer(0.2).timeout
\t\t\tif is_on_floor():
\t\t\t\tupdate_movement_animation()
\t# Salto
\tif Input.is_action_just_pressed(\"ui_accept\") and is_on_floor():
\t\tvelocity.y = JUMP_VELOCITY
\t\tplay_animation(\"Player\/Jump_Start\")
\t\tis_jumping = true
\t# Movimiento relativo a la c\u00e1mara
\tvar input_dir := Input.get_vector(\"izquierda\", \"derecha\", \"adelante\", \"atras\")
\t
\tvar cam_basis = Basis(Vector3.UP, camera_yaw)
\tvar direction := (cam_basis * Vector3(input_dir.x, 0, input_dir.y)).normalized()
\t
\tif direction != Vector3.ZERO:
\t\tvelocity.x = direction.x * SPEED
\t\tvelocity.z = direction.z * SPEED
\t\t
\t\tvar target_angle = atan2(direction.x, direction.z)
\t\tknight.global_rotation.y = lerp_angle(knight.global_rotation.y, target_angle, 0.2)
\telse:
\t\tvelocity.x = move_toward(velocity.x, 0, SPEED)
\t\tvelocity.z = move_toward(velocity.z, 0, SPEED)
\t
\t# Actualizar animaci\u00f3n
\tif is_on_floor() and not is_jumping:
\t\tupdate_movement_animation()
\t
\tmove_and_slide()
func update_movement_animation():
\tvar is_moving = abs(velocity.x) > 0.1 or abs(velocity.z) > 0.1
\t
\tif is_moving:
\t\tif Input.is_action_pressed(\"sprint\"):
\t\t\tplay_animation(\"Player\/Running_B\")
\t\telse:
\t\t\tplay_animation(\"Player\/Walking_B\")
\telse:
\t\tplay_animation(\"Player\/Idle_A\")
func play_animation(anim_name: String):
\tif not animation_player:
\t\treturn
\t
\tif animation_player.has_animation(anim_name):
\t\tif current_animation == anim_name:
\t\t\treturn
\t\tcurrent_animation = anim_name
\t\tanimation_player.play(anim_name)
\telse:
\t\tvar simple_name = anim_name.replace(\"Player\/\", \"\")
\t\tif animation_player.has_animation(simple_name):
\t\t\tif current_animation == simple_name:
\t\t\t\treturn
\t\t\tcurrent_animation = simple_name
\t\t\tanimation_player.play(simple_name)<\/pre>\n\n\n\nmove_left<\/code>, move_right<\/code>, move_forward<\/code>, move_back<\/code>, jump<\/code>) en el Input Map<\/code> (Editor de Proyecto > Controles), asignando teclas WASD y Espacio.<\/p>\n\n\n\n![\"Editor](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/Figura10-1024x460.jpeg\")
<\/figure>\n\n\n\n
\n\n\n\nFase 4: Dise\u00f1o del nivel con CSG y StaticBody3D en Knight’s Quest<\/em><\/h2>\n\n\n\n
4.1 Creaci\u00f3n de plataformas flotantes<\/h3>\n\n\n\n
\n
StaticBody3D<\/code> como ra\u00edz de cada plataforma.<\/li>\n\n\n\nCollisionShape3D<\/code> con forma BoxShape3D<\/code>.<\/li>\n\n\n\nCSGBox3D<\/code> (o MeshInstance3D<\/code> con modelo de KayKit) para la representaci\u00f3n visual.<\/li>\n\n\n\nPlataforma<\/th> Posici\u00f3n (x, y, z)<\/th> Escala (x, y, z)<\/th><\/tr><\/thead> Plataforma 1<\/td> (0, 0, 0)<\/td> (10, 1, 10)<\/td><\/tr> Plataforma 2<\/td> (6, 3, 4)<\/td> (4, 1, 4)<\/td><\/tr> Plataforma 3<\/td> (-5, 2, -3)<\/td> (5, 1, 5)<\/td><\/tr> Plataforma 4<\/td> (3, 5, -2)<\/td> (3, 1, 3)<\/td><\/tr> Plataforma 5<\/td> (-4, 4, 5)<\/td> (4, 1, 4)<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n ![\"Vista](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/Figura11-1024x437.jpeg\")
<\/figure>\n\n\n\n4.2 Aplicaci\u00f3n de texturas y materiales para integrar Knight’s Quest<\/em><\/h3>\n\n\n\n
StandardMaterial3D<\/code>. Se crean recursos de material separados para madera, piedra y hierba, utilizando texturas provenientes de los assets de KayKit.<\/p>\n\n\n\n\n