1. Introducción a Unreal Engine 5.3 y configuración inicial [0]

thumbnail Esta sección cubre los pasos iniciales para descargar e instalar Unreal Engine 5.3, así como la creación de un nuevo proyecto y la configuración de los ajustes básicos del mapa.

1.1. Descarga e instalación de Unreal Engine [0]

  1. El tutorial introduce los conceptos básicos de Unreal Engine 5.3, incluyendo Blueprints, modelado de paisajes, follaje, y cómo obtener activos del Unreal Marketplace y Quixel Megascans [0].
  2. Para obtener Unreal Engine, se debe descargar la plataforma de Epic Games desde su sitio web [6].
  3. Una vez instalada la plataforma de Epic Games, se debe seleccionar la opción de Unreal Engine en el menú de la izquierda [10].
  4. La plataforma muestra noticias, proyectos de ejemplo y el Marketplace, donde se pueden descargar o compartir activos [14].
  5. Para instalar una nueva versión de Unreal Engine, se debe ir a la pestaña Library, hacer clic en el botón de instalación y seleccionar la versión deseada, preferiblemente la 5.3 o superior [17].
  6. La instalación puede tardar un tiempo dependiendo de la conexión a internet y el rendimiento del ordenador, y se deben aceptar los permisos solicitados [23].

1.2. Creación y configuración de un nuevo proyecto [30]

  1. Al iniciar Unreal Engine, se abre el Project Browser, que permite ver proyectos existentes o crear uno nuevo [30].
  2. Se selecciona la categoría Games para el tutorial, aunque Unreal Engine también se usa para arquitectura, automoción y simulación [34].
  3. Se pueden elegir plantillas de proyectos como primera persona, tercera persona, vista cenital, vehículos, realidad virtual y realidad aumentada, que son útiles para empezar rápidamente [37].
  4. Para este tutorial, se crea un proyecto en blanco para enseñar los fundamentos desde cero, incluyendo cómo crear un personaje, el movimiento y las entradas, para que los principiantes entiendan cómo funciona todo [41].
  5. Se nombra el proyecto "First Project" y se configuran las opciones: Blueprint (se puede usar C++ después), plataforma Desktop, calidad Maximum y se incluye el Starter Content (contenido inicial) [46].
  6. Se menciona la opción de Ray Tracing, pero se recomienda a los principiantes no usarla al principio, ya que puede ser más compleja [55].
  7. Después de crear el proyecto, se abre un nivel base, que se guarda como "LevelOne" [73].
  8. En la configuración del proyecto (Project Settings), se cambian los mapas predeterminados a "New Word" y "Main Word" para el mapa de inicio y el mapa de juego predeterminado, respectivamente [94].

2. Herramientas de diseño de niveles y creación de paisajes [104]

thumbnail Esta sección detalla cómo utilizar las herramientas de Unreal Engine para crear y modificar paisajes, incluyendo la manipulación de objetos en 3D y la escultura de terrenos.

2.1. Manipulación de objetos en el espacio 3D [104]

  1. Inicialmente, el proyecto en blanco no tiene contenido, por lo que el siguiente paso es crear un paisaje [104].
  2. Las herramientas de Unreal Engine 5.3 permiten modificar el paisaje y crear mapas, dando al usuario control sobre el entorno [107].
  3. Las opciones de transformación de objetos incluyen:
    1. Mover: Permite desplazar objetos en tres dimensiones (ejes X, Y, Z) [111].
    2. Seleccionar: Se usa para elegir objetos en la escena [115].
    3. Rotar: Permite girar objetos en tres dimensiones [117].
    4. Escalar: Permite cambiar el tamaño de los objetos, ya sea de forma uniforme en todas las dimensiones o en una sola dimensión [118].
  4. Los valores de ubicación, rotación y escala se pueden ajustar con precisión en el panel de detalles, multiplicando los valores existentes [123].
  5. La escena predeterminada incluye elementos como luz direccional, niebla, atmósfera, luz de cielo, esfera de cielo, nubes volumétricas y un Player Start [133].
  6. El Player Start define la posición inicial del personaje en el juego, y se puede modificar para que el personaje comience en la ubicación actual de la cámara [138].
  7. La luz direccional se puede rotar para cambiar la apariencia de la escena, simulando diferentes momentos del día, lo que afecta significativamente la iluminación [149].

2.2. Creación y escultura de paisajes [160]

  1. Para crear un paisaje, se aumenta la escala del nivel a 25x25 [160].
  2. Se elimina el suelo predeterminado para trabajar con el nuevo paisaje [169].
  3. En el modo Landscape, se selecciona el tamaño del paisaje y se hace clic en "Create" para generarlo con un material predeterminado [172].
  4. La herramienta de Sculpt permite dar forma al terreno, como crear montañas, ajustando el tamaño del pincel y la fuerza para controlar la intensidad de la modificación [175].
  5. Se recomienda evitar estructuras planas o ciudades al crear paisajes naturales, deformando el terreno para un aspecto más realista [199].
  6. La herramienta Smooth se utiliza para suavizar el terreno, haciendo que las montañas y otras formaciones se vean más naturales y menos abruptas [210].
  7. Existen muchas otras herramientas de paisaje para filtrar, aplanar o crear pasajes, pero el tutorial se enfoca en las básicas para principiantes [218].
  8. Una vez creado el paisaje, se vuelve al modo de selección para colocar el Player Start en la ubicación deseada, ajustando su posición y rotación para que el personaje mire hacia el horizonte al inicio del juego [222].

3. Configuración del modo de juego y el personaje [242]

thumbnail

Esta sección explica cómo configurar el modo de juego, el controlador del jugador y el personaje, incluyendo la importación de activos y la configuración de la cámara.

3.1. Creación del modo de juego y el controlador del jugador [242]

  1. Para empezar a añadir funcionalidad al juego, se crea un Game Mode haciendo clic derecho en el Content Browser y seleccionando Blueprint Class > GameModeBase [243].
  2. Se nombra el nuevo Game Mode como "GM_underscore base" y se selecciona en la configuración del proyecto (Project Settings) como el Game Mode Base predeterminado [256].
  3. Unreal Engine crea un Game Mode Base predeterminado incluso en proyectos en blanco, ya que es necesario para que el juego funcione [259].
  4. A continuación, se crea un Player Controller para manejar las entradas del jugador [263].
  5. Se organizan los Blueprints creando una carpeta "Player" y dentro de ella una carpeta "Blueprints" [265].
  6. Dentro de la carpeta "Blueprints", se crea una nueva Blueprint Class > PlayerController y se nombra "Controller_underscore Player" [272].
  7. Finalmente, en el "GM_underscore Base", se selecciona el "Controller_underscore Player" recién creado como el Player Controller [274].

3.2. Importación de activos del Marketplace y creación del personaje [276]

  1. Antes de crear el personaje, se accede al Unreal Marketplace a través del Epic Games Launcher [281].
  2. El Marketplace es un recurso donde se pueden descargar o vender activos, y cada mes Epic Games ofrece cinco activos gratuitos [286].
  3. Se recomienda revisar los activos gratuitos mensuales y otros contenidos gratuitos disponibles, pero se advierte contra la acumulación de activos irrelevantes que no encajen con el proyecto [299].
  4. Para el personaje, se busca en la sección Paragon del Marketplace, que ofrece personajes de alta calidad [319].
  5. Se selecciona un personaje de Paragon (Paragon color) y se añade a la biblioteca, luego se importa al proyecto actual [323].
  6. Una vez importado, se abre el mapa del personaje para ver las opciones disponibles y se elige el personaje con capa para el tutorial [341].
  7. Se crea una nueva Blueprint Class > Character en la carpeta "Blueprints" del jugador, nombrándola "BP_Player" [357].
  8. Dentro del "BP_Player", en la pestaña Components, se selecciona el componente Mesh y se asigna el Skeletal Mesh del personaje importado de Paragon [360].
  9. Se ajusta la posición y rotación del mesh para que encaje con el Capsule Component del personaje [374].
  10. En los Class Defaults del "BP_Player", se cambia el AI Controller a "Controller_UltimatePlayer" (el controlador del jugador creado anteriormente) [381].
  11. Finalmente, en el Game Mode ("GM_underscore Base"), se cambia la clase Default Pawn a "BP_Player" y la clase Player Controller a "Controller_UltimatePlayer" [385].

3.3. Configuración de la cámara del personaje [395]

  1. Al iniciar el juego después de configurar el personaje, no se ve nada porque no hay una cámara asociada al personaje, y tampoco se puede mover [395].
  2. Para solucionar esto, en el "BP_Player", se añade un componente SpringArm y, anidado a este, un componente Camera [403].
  3. Se ajusta la rotación del SpringArm para que la cámara mire al personaje desde una perspectiva de tercera persona, inclinada desde arriba [407].
  4. Se compila y guarda el Blueprint del personaje [423].
  5. Se explica que el esqueleto del mesh define cómo se mueve y se comporta el personaje, y que los activos de Paragon comparten el mismo esqueleto [431].

4. Implementación de entradas y movimiento del personaje [428]

thumbnail

Esta sección detalla cómo configurar las acciones de entrada para el movimiento y la vista del personaje, utilizando el nuevo sistema de acciones de entrada de Unreal Engine 5.3.

4.1. Creación de acciones de entrada y contexto de mapeo [428]

  1. Para implementar el movimiento, se crea una nueva carpeta llamada "Input Actions" dentro de la carpeta "Player" [439].
  2. Dentro de "Input Actions", se crea un Input Mapping Context (IMC) llamado "IMC_Player" [448].
  3. También se crean dos Input Actions (IA): "IA_Move" y "IA_Look" [451].
  4. Se abren "IA_Move" y "IA_Look" y se cambia su tipo de valor a Vector 2D (X e Y) para manejar el movimiento en dos ejes [456].
  5. En el "IMC_Player", se añaden dos mapeos: uno para "IA_Move" y otro para "IA_Look" [461].
  6. Para "IA_Move", se configuran cuatro entradas para el movimiento: adelante, atrás, izquierda y derecha, asignando teclas y añadiendo modificadores como Swizzle (para los ejes) y Negate (para invertir la dirección) [464].
  7. Para "IA_Look", se asignan los ejes X e Y del ratón y se añade un modificador Negate al eje Y para invertir la rotación vertical de la cámara [473].

4.2. Configuración de la lógica de entrada en el Blueprint del personaje [477]

  1. En el Event Graph del "BP_Player", en el evento BeginPlay, se obtiene el Player Controller y se hace un Cast to Controller_Player [480].
  2. Desde el controlador, se obtiene el Enhanced Input Local Player Subsystem y se verifica su validez con un nodo Is Valid [488].
  3. Si es válido, se añade el Input Mapping Context ("IMC_Player") al subsistema, lo que permite al personaje usar las entradas definidas [494].
  4. Para la vista, se obtiene el evento IA_Look en el Event Graph del "BP_Player" [508].
  5. Desde el pin Triggered del evento IA_Look, se añaden dos nodos: Add Controller Yaw Input y Add Controller Pitch Input [512].
  6. El valor Axis Value (Vector 2D) del evento IA_Look se divide en sus componentes X e Y, y se conectan a los nodos Yaw Input y Pitch Input respectivamente [514].
  7. Se compila y guarda el Blueprint, y se prueba en el juego para verificar que el personaje puede mirar alrededor [520].
  8. Se corrige un error de rotación de la cámara eliminando el modificador Negate del eje Y en el "IA_Look" si la rotación es incorrecta [523].
  9. Se utilizan comentarios (presionando 'C' después de seleccionar nodos) para organizar el código en el Event Graph, como "Begin Play" y "Event Input Look" [532].

4.3. Implementación del movimiento del personaje [544]

  1. Para el movimiento, se obtiene el evento IA_Move en el Event Graph del "BP_Player" [544].
  2. Desde el pin Triggered del evento IA_Move, se añaden dos nodos Add Movement Input [547].
  3. Para el primer nodo Add Movement Input, se obtiene la Control Rotation, se divide el Rotator y se obtiene el Right Vector [551].
  4. El Right Vector se conecta al pin World Direction del primer nodo Add Movement Input, y el componente X del Axis Value de "IA_Move" se conecta al pin Scale Value [555].
  5. Para el segundo nodo Add Movement Input, se obtiene nuevamente la Control Rotation, se divide el Rotator y se obtiene el Forward Vector [561].
  6. El Forward Vector se conecta al pin World Direction del segundo nodo Add Movement Input, y el componente Y del Axis Value de "IA_Move" se conecta al pin Scale Value [566].
  7. Se organizan los nodos con comentarios y se compila y guarda el Blueprint [569].
  8. Al probar en el juego, el personaje se mueve, pero no tiene animaciones [573].
  9. Para corregir la rotación de la cámara, se selecciona el SpringArm en el "BP_Player" y se activa la opción Use Pawn Control Rotation [688].

5. Animación del personaje y uso de Quixel Bridge [579]

thumbnail

Esta sección explica cómo añadir animaciones al personaje utilizando un Animation Blueprint y cómo importar activos de Quixel Bridge para mejorar el paisaje.

5.1. Creación y configuración del Animation Blueprint [579]

  1. Para añadir animaciones, se crea un Animation Blueprint en la carpeta "Blueprints" del jugador, seleccionando Animation > Animation Blueprint [580].
  2. Se elige el esqueleto de Paragon (Paragon skeleton) para el Animation Blueprint, ya que es el que usa el personaje importado [584].
  3. Se nombra el Animation Blueprint como "Anim_Player" [587].
  4. En los Class Defaults del "BP_Player", se busca la opción Anim Class y se selecciona el "Anim_Player" recién creado [593].
  5. Dentro del "Anim_Player", en el Anim Graph, se añade un nodo State Machine llamado "Base" y se conecta al nodo Output Pose [600].
  6. Dentro de la State Machine "Base", se añade un estado llamado "Idle" y se conecta desde el nodo Entry [606].
  7. Dentro del estado "Idle", se busca una animación de inactividad (idle) del paquete de Paragon y se arrastra al nodo Sequence Player, conectándolo a Output Pose [612].
  8. Se crea un nuevo estado llamado "Walk" y se añaden transiciones bidireccionales entre "Idle" y "Walk" [639].
  9. En la transición de "Idle" a "Walk", se crea una variable Speed (tipo Float) y se establece la condición de que la velocidad sea mayor que cero para pasar al estado "Walk" [646].
  10. En la transición de "Walk" a "Idle", la condición es que la velocidad sea menor o igual a cero [652].
  11. Dentro del estado "Walk", se busca una animación de caminar (walk forward) del paquete de Paragon y se arrastra al nodo Sequence Player, conectándolo a Output Pose [655].
  12. En el Event Graph del "Anim_Player", se obtiene la velocidad del personaje (Get Velocity) y se calcula su longitud (Vector Length) para establecer el valor de la variable Speed [661].
  13. Se activan las opciones de Loop para las animaciones de "Idle" y "Walk" para que se repitan continuamente [670].
  14. Se cambia la animación de "Walk" a "Run Forward" si la animación de caminar no es la esperada, y se activa el Loop [678].

5.2. Importación de activos con Quixel Bridge [705]

  1. Quixel Bridge es otra herramienta para importar activos, accesible desde Window > Quixel Bridge en Unreal Engine [705].
  2. Se requiere iniciar sesión con una cuenta de Epic Games para usar Quixel Bridge [711].
  3. Se busca una textura de suelo para el paisaje, como "Actual Ground", y se descarga en alta calidad [719].
  4. También se busca un paquete de follaje (3D Plants) y se descarga en alta calidad [736].
  5. Una vez descargados, los activos se añaden al proyecto haciendo clic en el botón "Add" en Quixel Bridge [747].
  6. Para aplicar la textura de suelo, se selecciona el paisaje en el mundo, se va al Content Browser a la carpeta Quixel Megascans > Surfaces, y se arrastra el material a la opción Landscape Material en los detalles del paisaje [752].
  7. Para añadir follaje, se cambia al modo Foliage en el editor [762].
  8. Se arrastran los activos de follaje desde la carpeta Quixel Megascans > 3D Plants en el Content Drawer al panel de follaje [765].
  9. Se pueden ajustar el tamaño del pincel y la densidad de pintura para colocar el follaje de manera eficiente en el paisaje, e incluso pintar con múltiples tipos de follaje a la vez [772].
  10. Se recomienda considerar el rendimiento de la GPU al añadir muchos activos de follaje [809].

6. Creación de actores interactivos y lógica de juego [821]

thumbnail

Esta sección se enfoca en cómo crear actores personalizados con funcionalidad interactiva, utilizando Blueprints para definir eventos y variables que afectan la jugabilidad.

6.1. Creación y colocación de actores personalizados [821]

  1. Se importan más activos de Quixel Bridge, como estatuas y árboles, para decorar el paisaje [821].
  2. Los activos importados se encuentran en la carpeta Quixel Megascans > 3D Assets [868].
  3. Para colocar un activo estático, se arrastra el Static Mesh directamente al mundo [871].
  4. Se ajusta la posición, rotación y escala del objeto en el mundo para integrarlo en la escena [887].
  5. Para crear un actor interactivo, se cierra el resto de pestañas y se crea una nueva Blueprint Class > Actor en la carpeta Content [942].
  6. Se nombra el actor como "BP_PointIncreaser" [954].
  7. Dentro del "BP_PointIncreaser", se añade un componente Static Mesh y se le asigna uno de los activos importados, como una estatua [957].
  8. Se ajusta la rotación y escala del Static Mesh dentro del Blueprint para que el actor tenga el tamaño y la orientación deseados [965].
  9. Se arrastra el "BP_PointIncreaser" al mundo para colocarlo en la escena [971].

6.2. Implementación de colisiones y eventos de interacción [975]

  1. Para que el actor interactúe con el jugador, se añade un componente de colisión, como un Box Collision, al "BP_PointIncreaser" [975].
  2. Se ajusta el tamaño del Box Collision para que sea ligeramente más grande que el Static Mesh, pero sin bloquear el movimiento del jugador [990].
  3. En los detalles del Box Collision, se asegura que los Collision Presets estén configurados para OverlapAll (superponerse a todo), lo que permite al jugador pasar a través de él sin ser bloqueado [1010].
  4. En el Event Graph del "BP_PointIncreaser", se añade un evento OnComponentBeginOverlap para el Box Collision [1001].
  5. Desde el pin Other Actor del evento OnComponentBeginOverlap, se hace un Cast to BP_Player para obtener una referencia al personaje del jugador [1121].
  6. Se crea un Custom Event en el "BP_Player" llamado "IncreasePoints" [1036].
  7. Se crea una función en el "BP_Player" llamada "IncreasePoints" para comparar su uso con el Custom Event [1045].
  8. Se crean variables en el "BP_Player" para los puntos: Current Points (Integer), Max Points (Integer) y Start Points (Integer) [1047].
  9. En el evento BeginPlay del "BP_Player", se establece Current Points al valor de Start Points [1055].
  10. Se explica el evento Event Tick, que se ejecuta cada fotograma y se puede usar para verificar condiciones continuamente, como si los Current Points han alcanzado los Max Points [1061].
  11. Se demuestra cómo imprimir un mensaje en pantalla usando Print String para depuración, mostrando que BeginPlay se ejecuta una vez y Event Tick múltiples veces por segundo [1073].

6.3. Lógica de incremento de puntos y optimización [1097]

  1. En la función "IncreasePoints" del "BP_Player", se añade un input de tipo Integer llamado "NumberOfPoints" [1097].
  2. La función suma "NumberOfPoints" a Current Points y actualiza la variable Current Points [1101].
  3. Se añade una salida booleana a la función "IncreasePoints" llamada "End Game" que devuelve verdadero si Current Points alcanza Max Points [1111].
  4. En el "BP_PointIncreaser", después de hacer el Cast to BP_Player, se llaman tanto al Custom Event "IncreasePoints" como a la función "IncreasePoints" del "BP_Player" [1128].
  5. Se crea una variable en el "BP_PointIncreaser" llamada "NumberOfPoints" (Integer) para especificar cuántos puntos otorga el actor, y se conecta a los inputs de los eventos y funciones de incremento de puntos [1139].
  6. Al probar en el juego, el personaje gana puntos al superponerse con el actor, y se muestra un mensaje "end game" cuando se alcanzan los puntos máximos [1159].
  7. Se menciona que el casting directo entre Blueprints puede ser costoso en rendimiento si se usa frecuentemente, especialmente en eventos como Event Tick [1167].
  8. Se sugiere el uso de interfaces como una alternativa más eficiente para la comunicación entre Blueprints, especialmente para la optimización del juego [1169].
  9. La optimización es crucial para crear juegos jugables, incluso si no se planea venderlos [1175].
  10. Finalmente, se ajusta la posición de la luz direccional para mejorar la estética de la escena [1178].
  11. El tutorial concluye con un resumen de los temas cubiertos y un mensaje de aliento para los principiantes, enfatizando la importancia de la práctica [1183].