Jump, Sonic, jump!

“Jump, Sonic, jump!” es el nombre de mi prototipo para la segunda Práctica de Evaluación Continua (PEC2) de la asignatura Programación de Videojuegos 2D del Máster Universitario en Diseño y Programación de Videojuegos de la UOC.

El objetivo de la práctica era desarollar un juego en 2D que replicara el mundo 1-1 de “Super Marios Bros.” (NES) utilizando los conocimientos adquiridos en el estudio del segundo módulo de la asignatura y realizando investigación por cuenta propia.

Vídeo explicativo

Versión jugable

Jump, Sonic, Jump! by Ragart on itch.io

Repositorio en GitLab

UOC – M7.456 – PEC2 en GitLab

Cómo jugar

El objetivo del juego es llegar hasta el final del nivel, recogiendo monedas y evitando que los oponentes .

Los controles son los siguientes:

• Flecha izquierda: moverse hacia la izquierda
• Flecha derecha: moverse hacia la derecha
• Flecha superior: saltar
• Flecha inferior: agacharse (elemento estético)

Desarrollo

A efectos de cumplir lo solicitado en las instrucciones, el prototipo incluye lo siguiente:

• Dos escenas: una que muestra la información del jugador (vidas, puntos, etc.) y otra en la que se desarrolla el juego.
• El escenario de juego se ha estructurado utilizando tilemaps, mediante dos palettes.
• Se han añadido animaciones y sonidos para todas las acciones del personaje jugador.
• La cámara se desplaza con el personaje jugador y le impide volver a atrás.
• Los personajes oponentes también tienen animaciones y sonidos, se desplazan horizontalmente y mueren si el personaje jugador salta sobre ellos, utilizando una mezcla de colliders y de raycast.
• Se han implementado varios tipos de bloque: los estándar, que el personaje jugador puede romper cuando es grande; los sorpresa, que contienen monedas o powerups; los que contienen múltiples monedas; y, finalmente, los invisibles.
• Se han implementado dos powerups: las setas que hacen que el personaje jugador crezca y cuente con un punto de daño adicional y las setas que proporcionan una vida extra.
• Se ha añadido un HUD con información sobre los puntos, las monedas y el tiempo restante. Si el tiempo llega a cero, el jugador pierde.
• La escena de juego cuenta con música de fondo y sonidos propios.
• Además de las animaciones proporcionadas por el componente Animator, también se han creado algunas animaciones en tiempo de ejecución mediante las posiciones y el Vector3.Lerp.

Problemas conocidos

• A veces el personaje jugador salta demasiado alto debido a una detección incorrecta del nivel del suelo.

Créditos

Super Mario Bros™

• Todos los elementos pertenecientes al juego Super Mario Bros.™ son propiedad de Nintendo Company, Ltd.

Sonic the Hedgehog™

• Todos los elementos pertenecientes al juego Sonic the Hedgehog™ son propiedad de Sega Corporation​.

Fuentes

• “Super Mario Bros. NES Font” – TheWolfBunny64 – https://www.deviantart.com/thewolfbunny64/art/Super-Mario-Bros-NES-Font-812840651
• “Deathblood” – Creativework69 Studio – https://www.dafont.com/es/deathblood-2.font

Imágenes y animaciones

• “Super Mario Bros. (NES) – Tileset” – Superjustinbros – https://www.spriters-resource.com/nes/supermariobros/sheet/52571/
• “Super Mario Bros. (NES) – Enemies & Bosses” – Superjustinbros – https://www.spriters-resource.com/nes/supermariobros/sheet/52570/
• “Super Mario Bros. (NES) – Items, Objects and NPCs” – Superjustinbros – https://www.spriters-resource.com/nes/supermariobros/sheet/52569/
• “Super Mario Bros. (NES) – Title Screen, HUD, and Miscellaneous” – Superjustinbros – https://www.spriters-resource.com/nes/supermariobros/sheet/56929/
• “Super Mario Bros. 3 (NES) – Enemies” – Fleepa & Superjustinbros – https://www.spriters-resource.com/nes/supermariobros3/sheet/25685/
• “Sonic the Hedgehog (Genesis) – Playable characters” – Paraemon & Triangly – https://www.spriters-resource.com/genesis_32x_scd/sonicth1/sheet/21628/
• “Sonic the Hedgehog (Genesis) – Common objects” – Paraemon – https://www.spriters-resource.com/genesis_32x_scd/sonicth1/sheet/27193/
• “Sonig the Hedgehog (Genesis) – Credits” – Paraemon – https://www.spriters-resource.com/genesis_32x_scd/sonicth1/sheet/151744/

Referencias

Unity – General

• “Importing a .unityPackage” – Unity Answers – https://answers.unity.com/questions/10813/importing-a-unitypackage.html
• “Box2D” – https://box2d.org/

Tilemaps

• “TILEMAPS in Unity” – Brackeys – https://www.youtube.com/watch?v=ryISV_nH8qw
• “Tilemap” – Unity – https://docs.unity3d.com/Manual/class-Tilemap.html
• “Tilemap Collider 2D” – Unity – https://docs.unity3d.com/Manual/class-TilemapCollider2D.html
• “Adding Colliders to Tilemaps in Unity” – Jon Jenkins – https://jon-jenkins.medium.com/adding-colliders-to-tilemaps-in-unity-96e996908145
• “Easy 2D Tilemap Collisions | Unity 2018 Tutorial” – Chris’ Tutorials – https://www.youtube.com/watch?v=VDdKv0DgY5I
• “Unity – Fixing Gaps Between Tiles” – gamesplusjames – https://www.youtube.com/watch?v=QW53YIjhQsA
• “Random bumps using Tilemap Collider 2D?” – Reddit – https://www.reddit.com/r/Unity2D/comments/funphc/random_bumps_using_tilemap_collider_2d/

Raycast

• “Unity Raycast 2D What Is It And How To Use It” – Romeo Violini – https://gamedevelopertips.com/unity-raycast-2d-what-is-it-and-how-to-use-it/
• “Unity 2D: Checking if a Character or Object is on the Ground using Raycasts” – Kyle Banks – https://kylewbanks.com/blog/unity-2d-checking-if-a-character-or-object-is-on-the-ground-using-raycasts

Movimiento y control  del personaje

• “Input.GetAxisRaw” – Unity – https://docs.unity3d.com/ScriptReference/Input.GetAxisRaw.html
• “How to jump in Unity (with or without physics)” – John Leonard French – https://gamedevbeginner.com/how-to-jump-in-unity-with-or-without-physics/
• “Variable jump height in Unity jumping to random heights” – StackOverflow – https://stackoverflow.com/questions/73454484/variable-jump-height-in-unity-jumping-to-random-heights
• “How to check if the transform position of the x is increasing or decreasing?” – Unity Answers – https://answers.unity.com/questions/1508627/how-to-check-of-the-transform-position-of-the-x-is.html
• “How to get an object to follow you along a certain axis?” – Unity Answers – https://answers.unity.com/questions/886164/how-to-get-an-object-to-follow-you-along-a-certain.html
• “How to give the camera’s edge collision in Unity” – StackOverflow – https://stackoverflow.com/questions/58941259/how-to-give-the-cameras-edge-collision-in-unity
• “The right way to Lerp in Unity (with examples)” – John Leonard French – https://gamedevbeginner.com/the-right-way-to-lerp-in-unity-with-examples/
• “Help using Lerp inside of a coroutine” – Unity Answers – https://answers.unity.com/questions/1502190/help-using-lerp-inside-of-a-coroutine.html

Animaciones

• “2D Animation in Unity (Tutorial)” – Brackeys – https://www.youtube.com/watch?v=hkaysu1Z-N8
• “How do you make an UI animation longer than one second?” – Unity Answers – https://answers.unity.com/questions/1794223/how-do-you-make-an-ui-animation-longer-than-one-se.html
• “How can I play an animation backwards?” – Unity Forums – https://forum.unity.com/threads/how-can-i-play-an-animation-backwards.498287/
• “How can I mirror 2d animation” – Unity Answers – https://answers.unity.com/questions/1023689/how-can-i-mirror-2d-animation.html

Partículas

• “Unity Tutorial: Breakable Blocks with Unity Events (Mario style)” – PitiIT – https://www.youtube.com/watch?v=0WReDQ8ZSIA

Otras

• “Annex D Documentation comments” – Microsoft – https://learn.microsoft.com/en-us/dotnet/csharp/language-reference/language-specification/documentation-comments
• “The right way to pause a game in Unity” – John Leonard French – https://gamedevbeginner.com/the-right-way-to-pause-the-game-in-unity/
• “Regarding 4:3 and 8:7. . . .” – NesDev – https://forums.nesdev.org/viewtopic.php?t=23885
• “Super Mario Brothers – World 1-1 Labeled Map” – Rick N. Burns – https://nesmaps.com/maps/SuperMarioBrothers/SuperMarioBrosWorld1-1Map.html

DESCRIPCIÓN

Mi entrega para la PEC2 – Un juego de plataformas es Saltos en el huerto, un pequeño juego de plataformas que consta de 2 niveles. El primer de estos niveles es una recreación (a nivel de diseño de escenario) del nivel 1-1 del famoso Mario Bros. Así, más allá de hacer una copia exacta del nivel, he decidido escoger mi propia temática, ambientación y personajes (ya vistos en mi anterior PEC) y llevarlos al diseño de escenario y jugabilidad del juego del fontanero. Por eso veremos que la disposición de todos los elementos del juego original (bloques, tuberías, arbustos y montañas de fondo… ) están exactamente igual representados en mi nivel pero cambiando el aspecto visual. En cambio, de tener tuberías, tenemos cajas de paja, en cambio de bloques que nos dan setas para hacernos más grandes, tenemos bloques que nos dan semillas, y, en cambio, de esquivar Goombas esquivamos pequeñas y malvadas Fresunitas. Así, todos los cambios del nivel, aun difiriendo mucho en el aspecto visual y la ambientación, respetan en todo momento el diseño jugable del original. También contamos con un segundo nivel al que podremos acceder cuando hayamos recogido 3 fertilizantes repartidos por el primer nivel (añadidos coleccionables originales con los que pretendo involucrar más al jugador para explorar el nivel y llegar a los lugares de más difícil acceso).

OBJETIVO DEL JUEGO:

Llegar al enorme fertilizante que nos espera al final de cada nivel. Para ello deberemos saltar y esquivar agujeros y también a las malvadas fresas que nos intentaran eliminar. Para poder acceder al segundo nivel del juego deberemos recoger todos los pequeños fertilizantes que se hallan en el primer nivel.

CONTROLES:

– Movimiento Izquierda y derecha: Flechas izquierda y derecha respectivamente.
– Salto: Tecla espacio.

VIDEO CON GAMEPLAY

REPOSITORIO GITLAB

https://gitlab.com/danitydus/pec2-un-juego-de-plataformas

A game about piracy

“A game about piracy” es el nombre de mi prototipo para la primera Práctica de Evaluación Continua (PEC1) de la asignatura Programación de Videojuegos 2D del Máster Universitario en Diseño y Programación de Videojuegos de la UOC.

El objetivo de la práctica era desarollar un juego en 2D que imitara el sistema de duelos de insultos de “The Secret of Monkey Island” utilizando los conocimientos adquiridos en el estudio del primer módulo de la asignatura y realizando investigación por cuenta propia.

Vídeo explicativo

Versión jugable

A game of piracy by Ragart on itch.io

Repositorio en GitLab

UOC – M7.456 – PEC1 en GitLab

Como jugar

El objetivo del juego es ganar tres asaltos en un duelo de insultos contra la CPU.

• En el turno del jugador, es necesario elegir un insulto de la lista de insultos disponibles usando el ratón.
  • Si el oponente acierta, gana el asalto y el jugador pierde el turno.
  • Si falla, el jugador gana el asalto y sigue su turno.
• En el turno del oponente, se escoge un insulto aleatorio y el jugador debe elegir una réplica de la lista de réplicas disponibles usando el ratón.
  • Si el jugador acierda, gana el asalto y el oponente pierde el turno.
  • Si falla, el oponente gana el asalto y sigue su turno.
• Cuando el jugador o el oponente han ganado tres asaltos, el juego finaliza.

Desarrollo

A efectos de cumplir lo solicitado en las instrucciones, el prototipo incluye lo siguiente:

• Cinco escenas:
  • Créditos iniciales con la autoría del prototipo y la atribución del sistema de juego a LucasArts.
  • Introducción argumental que pone en contexto el motivo del duelo.
  • Menú principal con las opciones de iniciar la partida y salir del juego, así como con los créditos.
  • Escena de combate en la que se desarrolla el bucle del juego.
  • Final de partida que permite volver a jugar sin reiniciar el juego o volver al menú principal.
• Múltiples scripts de C# que implementan la lógica de juego, así como algunas opciones adicionales (por ejemplo, cambiar el cursor o ejecutar un diálogo entre personajes).
• Bucle del juego implementado mediante una máquina de estados compuesta por los estados siguientes:
  • Begin: configuración inicial del bucle de juego y determinación aleatoria del inicio de turno.
  • PlayerTurn: lógica del turno del jugador. Permite seleccionar un insulto y hace que el oponente escoja una réplica de manera aleatoria, pero con un 33% de probabilidades de acertar. Si el oponente no acierta, se mantiene el estado y se vuelve a iniciar el turno. De lo contrario, se pasa al estado EnemyTurn.
  • EnemyTurn: lógica del turno del oponente. Hace que el oponente escoja un insulto de manera aleatoria y permite seleccionar una réplica. Si el jugador acierta, se pasa al estado PlayerTurn. De lo contrario, se mantiene el estado y se vuelve a iniciar el turno.
  • Won: fin del juego cuando el jugador gana tres asaltos antes que el oponente. Muestra unos mensajes finales y redirige a la escena de final de partida.
  • Lost: fin del juego cuando el oponente gana tres asaltos antes que el jugador. Muestra unos mensajes finales y redirige a la escena de final de partida.
• Lista de insultos obtenida de un fichero JSON almacenado en Resources.
• Elementos de sonido y visuales en todas las escenas.
  • Para las transiciones entre animaciones, se han utilizado las máquinas de estado proporcionadas por el componente Animator.

Es importante mencionar que la pantalla final no muestra quién ha sido el ganador por una elección de diseño, ya que se muestra de manera agumental, a través de los diálogos de los personajes, en los estados Won y Lost de la escena de juego. De querer implementarse, se hubiese optado por una clase estática con el método DontDestroyOnLoad() que contuviera la información básica del juego que contiene actualmente la clase CombatManager (vidas del jugador y del oponente, estados, etc.).

Problemas conocidos

• Las animaciones Attack y Hit Taken de jugador y oponente se ejecutan en ocasiones de manera desincronizada.
• El anclaje de los botones del menú principal y de la pantalla final hacen que el texto se desplace al cambiar de resolución.
• Al pulsar el botón Escape, se sale del modo a pantalla completa en vez de omitir la introducción, abrir el menú de pausa o cerrar los créditos.

Créditos

Monkey Island™

• Todos los elementos visuales pertenecientes a la saga Monkey Island™ son propiedad de Lucasfilm Games.

Fuentes

• “Caslon Antique”, de Dieter Steffmann en 1001 Fonts
• “Onesize”, de Yuji Saiki en DaFont

Música

• “Battle” (tema del duelo), de 3xBlast en OpenGameArt
• “Danger streets” (tema de la introducción), de shiru8bit en OpenGameArt
• “Nobody’s Favorite” (tema del final de partida), de Solomon Allen en OpenGameArt
• “Step by step” (tema del menú principal), de Cedfelt en OpenGameArt

Imágenes y animaciones

• “Hero Knight 2”, de Luiz Melo en Unity Asset Store
• “Medieval Warrior Pack 2”, de Luiz Melo en Unity Asset Store

Referencias

• “2D Animation in Unity (Tutorial)”, de Brackeys en YouTube
• “A Brief Anatomy of A Unity Project Folder”, de Jonathan Jenkins en Medium
• “AddListener to OnPointerDown of Button instead of onClick”, de Stack Overflow
• “EVENTS: How to Create a Flexible Dialogue System #7 (Unity)”, de Semag Games en YouTube
• “How to Code a Simple State Machine (Unity Tutorial)”, de Infallible Code en YouTube
• “How to Organize Project Asset Folders | 2D Game Development in Unity 5.6”, de Chris’ Tutorials en YouTube
• “How to make a Dialogue System in Unity”, de Brackeys en YouTube
• “How to make a Dialogue System with Choices in Unity2D | Unity + Ink tutorial 2021”, de Trever Mock en YouTube
• “Introduction to Sprite Animations”, de Unity
• “Scrollable Menu in Unity with button or key controller”, de Pav Creations
• “State Machine Basics”, de Unity
• “Text.CrossFadeAlpha not working?”, de StackOverflow
• “TextMesh Pro – Outline & Soft Shadow”, de Zolran en YouTube
• “The Ultimate Guide to Custom Cursors in Unity”, de James Xu en Wintermute Digital
• “Turn-Based Combat in Unity”, de Brackeys en YouTube
• “Unity: Trigger an animation through code”, de Timo Schmid en Medium