Crear un juego 2D: 15 pasos

2025 Autor: John Day | [email protected]. Última modificación: 2025-01-23 14:39

¿Estás cansado de jugar? ¿Por qué no haces un juego?

Este instructivo te guía a través de cómo hacer un juego 2D completamente simple …

Usaremos Unity Game Engine para diseñar y crear nuestro juego 2D … y también usaremos Microsoft Visual Studio para programar y crear algunos scripts.

Suministros

1- Motor de juego de Unity

2- Microsoft Visual Studio

Paso 1: descargue Unity Game Engine y Microsoft Visual Studio

Para crear y programar nuestro juego, necesitamos un motor de juego ("Unity") y un estudio visual … Así que descargámoslos primero:

1-Utilice este enlace … o busque "descargar Unity Hub" … Para descargar "Unity Hub" primero

3- Entonces usa este enlace … para descargar "Unity"

4- Elija una versión de Unity, luego haga clic en "Descargar (Win)" -> "Instalador de Unity"

Asegúrese de verificar Unity y Microsoft Visual Studio Community 2019 como se muestra en la segunda imagen

Paso 2: crear un nuevo proyecto e importar nuevos activos

Después de descargar "Unity Hub", "Unity" y "Microsoft Visual Studio Community 2019" … comencemos

1- Abra "Unity" … Entonces, automáticamente ejecutará "Unity Hub"

2- Ahora tenemos que crear un nuevo proyecto … Haga clic en "NUEVO"

3- Elija la plantilla 2D, escriba el nombre de su proyecto y elija una ubicación adecuada para su proyecto

4- Haga clic en "Crear"

Después de hacer clic en "Crear", Unity se ejecutará …

Ahora necesitamos agregar nuestro personaje, fondo y objetos …

Si no tiene nada que agregar … puede visitar este enlace, para descargar activos que lo necesitará.

Y ahora queremos agregar The Assets a Unity … Para hacer esto:

Simplemente puede arrastrar la carpeta y soltarla en la ventana del proyecto en Unity.

O

1- Vaya a Unity y haga clic con el botón derecho en Borrar espacio en la ventana "Proyecto" como se muestra en la segunda imagen

2- Elija el fondo, el personaje y los objetos que desea agregar de la carpeta.

Paso 3: agregue sus activos a la escena

Si agrega algo a la ventana de la escena … aparecerá en la ventana del juego

Para saber más sobre Windows de Unity, puede visitar este enlace …

como ves en la primera imagen, hay un recuadro blanco en la ventana de escena y este es el recuadro de la cámara … Así que cualquier cosa dentro de este recuadro, la cámara lo mostrará.

Ahora primero agreguemos el fondo a la ventana de escena …

1- Simplemente arrastre la imagen de fondo desde la ventana del proyecto y suéltela dentro de la ventana de la escena

y asegúrese de que la imagen se ajuste a la caja de la cámara

puede editar cualquier tamaño de imagen eligiendo la herramienta Rect de la barra de herramientas como se muestra en la tercera imagen.

también agregue los objetos y su personaje que desee a la escena … como se muestra en la última imagen.

Paso 4: agrega algo de física al personaje

En primer lugar, para probar o jugar su juego, haga clic en el botón Reproducir en la barra de herramientas …

Si juegas tu juego ahora … el personaje no se mueve, no hay gravedad … todo es estático …

para agregar todas las propiedades físicas a nuestro personaje … usamos la propiedad Rigidbody2D Esta propiedad le permite editar la fuerza de gravedad, el peso, la masa y otros …

Así que añádalo a nuestro personaje …

1- Elige tu personaje de la jerarquía

2- Ve a la ventana del Inspector presiona "Agregar Componente"

3- Buscar Rigidbody2D

4- Elígelo.

Si juegas ahora…. Nuestro personaje se cae debido a la gravedad: D

Paso 5: agregue colisión a nuestro personaje

Ahora necesitamos agregar la propiedad Collider2D para permitir que el personaje colisione con el suelo y otros objetos …

Para hacer eso … Primero necesitamos agregar esta propiedad a nuestro personaje y cualquier otro objeto que necesite chocar con él.

Primero, agreguemos en el personaje …

1- Elige tu personaje de la jerarquía

2- Ve a la ventana del Inspector presiona "Agregar Componente"

3- Buscar BoxCollider2D

4- Elígelo.

5- Haga clic en el cuadro "Editar Collider" del BoxCollider2D que aparece en el Inspector, para poder cambiar el tamaño del cuadro verde que aparece en la escena

6- Arrastra uno de los puntos verdes que aparece en el cuadro verde para que se ajuste al personaje

En segundo lugar, agregémoslo al suelo (haga los mismos pasos) …

1- Elige tu personaje de la jerarquía 2 - Ve a la ventana del inspector y presiona "Agregar componente"

3- Buscar BoxCollider2D

4- Elígelo.

5- Haga clic en el cuadro "Editar Collider" del BoxCollider2D que aparece en el Inspector, para poder cambiar el tamaño del cuadro verde que aparece en la escena

6- Arrastra uno de los puntos verdes que aparece en el cuadro verde para que se ajuste al personaje

Ahora, si juegas, verás que el personaje está parado en el suelo:>

Paso 6: mueve nuestro personaje

Para hacer que nuestro personaje haga cualquier tarea, primero debemos agregarle un guión para decirle qué hacer …

Unity usa lenguaje C # … Si desea obtener más información al respecto, puede visitar este enlace

Así que creemos el guión

1- Elige tu personaje de la jerarquía

2- Ve a la ventana del Inspector presiona "Agregar Componente"

3- Escribe el nombre del Script (por ejemplo movimiento)…

4- Haga clic en "Nuevo script"

5- Haga clic en "Crear y agregar"

Ahora tócalo dos veces para editar el script

6- Eliminar todos los códigos que se escriben automáticamente

7- Descargue el texto, cópielo y péguelo en su secuencia de comandos (no olvide escribir su nombre de secuencia de comandos en lugar de #yourScriptName)

8- si quieres saber cómo codificar esto… visita este enlace

9- Guarda el guión y ve al inspector del personaje, mira tu guión

10- Elige los botones derecho e izquierdo y configura tu Velocidad.

Ahora bien, si juegas el juego, el personaje se moverá …: D

Paso 7: haz que nuestro personaje salte

Después de agregar el movimiento de nuestro personaje … ahora estamos listos para hacer nuestros saltos de personaje …

Así que también necesitamos crear un nuevo script que haga que nuestro personaje salte …

1- Elige tu personaje de la jerarquía

2- Ve a la ventana del Inspector presiona "Agregar Componente"

3- Escribe el nombre del Script (por ejemplo Salto)…

4- Haga clic en "Nuevo script"

5- Haga clic en "Crear y agregar"

Antes de editar el guión de salto … Primero agreguemos una capa al suelo para que Unity sepa que este objeto es suelo …

1- Elija el terreno de la jerarquía

2- Haga clic en "Predeterminado" de la "Capa" que se encuentra en la parte superior del Inspector

3- Elija "Agregar capa"

4- Nombra la capa 8 como "Suelo" (como se muestra en la segunda imagen)

5- Elija el terreno de la jerarquía nuevamente

6- Haga clic en "Predeterminado" de la "Capa" que se encuentra en la parte superior del Inspector

7- Elige "Tierra"

Eso es todo … Finalmente creamos una nueva capa que es "Suelo" y la agregamos a nuestro Suelo

Antes de hacer que nuestro personaje salte, debemos asegurarnos de que está tocando el suelo y luego salta.

Así que creemos GroundCheck para nuestro personaje …

1- Haz clic derecho en Tu personaje de la jerarquía

2- Elija "Crear vacío" y cámbiele el nombre a "GroundCheck"

3- Elija la "Herramienta Mover" de la barra de herramientas y mueva el "GroundCheck" hacia la base del personaje o Zapato (como se muestra en la quinta imagen)

Después de eso, estamos listos para editar nuestro guión de salto.

1- Abra su guión de salto (desde el proyecto o el inspector)

2- Eliminar todos los códigos que se escriben automáticamente

3- Descargue el texto, cópielo y péguelo en su secuencia de comandos (no olvide escribir su nombre de secuencia de comandos en lugar de #yourScriptName)

si desea saber cómo codificamos esto … Visite este enlace

4- Guarde el guión y vaya al inspector del personaje, mire su guión (como se muestra en la sexta imagen)

5- Establezca su Fuerza de salto, agregue el "GroundCheck" al Ground Check Point (arrastrándolo y suéltelo en el cuadro rectangular), Establezca su Radio de tierra (Por ejemplo 0.1), Elija la capa de tierra "Ground" y finalmente elija el botón de salto.

Si juegas al Juego ahora…. Camina y salta… Hurraaaaay:)

Paso 8: anima al personaje

Después de hacer que nuestro personaje se mueva y salte … animémoslo … Hará que se vea muy bien …

primero necesita una imagen de Sprite de ralentí y caminar y saltar (como se muestra de la primera a la cuarta imagen)

Para animar el personaje, debe trabajar en la ventana de animación y la ventana del animador y, de forma predeterminada, la interfaz de Unity no muestra estas ventanas … para obtenerlas:

1- Haga clic en Ctrl + 6 para obtener la ventana de animación

2- Elija la ventana de las opciones desplegables de la parte superior izquierda (como se muestra en la quinta imagen)

Luego, elija "Animación" -> "Animador" y luego se abrirán las dos ventanas (Ventana de animación y Ventana de animador)

Ahora comencemos a animar el personaje cuando está inactivo …

1- Elige tu personaje de la jerarquía

2- Haga clic en el botón "Crear" en las ventanas de animación.

3- Elija un lugar adecuado para guardar la animación en él

4- Luego seleccione todas las fotos inactivas del proyecto y arrástrelas y suéltelas en la ventana de animación (como se muestra en la sexta imagen)

Si ahora juegas El personaje está inactivo Wow … Muy bien …

Ahora hagámosle jugar a la animación Walk cuando camina …

1- Vaya a la ventana de animación, haga clic en "Nueva animación"

2- Elija "Crear nuevo clip"

3- Elija un lugar adecuado para guardar la animación en él

4- A continuación, seleccione todas las fotos para caminar del proyecto y arrástrelas y suéltelas en la ventana de animación.

Ahora abre la ventana Animator

1- Haga clic derecho en el cuadro de inactividad, elija "hacer transición" y haga clic en el cuadro de paseo (como se muestra en la séptima imagen)

Nota: No debería haber el mismo nombre de la caja de animación, depende de cómo se llame …

2- Haga clic con el botón derecho en el cuadro de caminata, elija "Hacer transición" y haga clic en el cuadro de inactividad.

3- En los Parámetros, haga clic en el ícono más (+) Elija Bool (Nómbrelo, por ejemplo, Caminar)

4- Elija las flechas que se mueven de la animación Inactiva a Caminar, vaya a su Inspector y establezca "Tiene tiempo de salida" en Falso, "Duración fija" en falso, Establezca "Duración de transición" en Cero y haga clic en el signo más (+) Que existen dentro de la condición y establece el "Paseo" en "Verdadero" (como se muestra en la octava imagen) …

5- Elija las flechas que se mueven de Caminar a la animación inactiva, vaya a su Inspector y establezca "Tiene tiempo de salida" en Falso, "Duración fija" en falso, Establezca "Duración de transición" en Cero y haga clic en el signo más (+) Eso existen dentro de la Condición y establece "Caminar" en "Falso"

6- Elige tu personaje de la jerarquía

7- Ve a la ventana del Inspector presiona "Agregar Componente"

8- Escribe el nombre del Script (por ejemplo AnimateWalk)…

9- Haga clic en "Nuevo script"

10- Haga clic en "Crear y agregar"

11- Eliminar todos los códigos que se escriben automáticamente

12- Descargue el texto, cópielo y péguelo en su script (no olvide escribir su nombre de script en lugar de #yourScriptName, su nombre de script de movimiento en lugar de #YourMotionScriptName y también su nombre de script de salto en lugar de #YourJumpingScriptName, y escriba Tu nombre de Bool en lugar de "Walk" que creaste dentro de los parámetros en el animador)

13- Guarda el guión y ve al inspector del personaje, mira tu guión

14- Arrastra tu personaje y suéltalo dentro de "Insertyour Motion Script" e "Insertyour Jump Script"

Si juegas el juego ahora, el jugador está inactivo y gana, mueve el juego Ejecutar animación … Genial:>

Ahora hagámosle que reproduzca la animación de salto cuando salte …

1- Vaya a la ventana de animación, haga clic en "Nueva animación"

2- Elija "Crear nuevo clip"

3- Elija un lugar adecuado para guardar la animación en él

4- Luego seleccione todas las fotos de salto del proyecto y arrástrelas y suéltelas en la ventana de animación

Ahora abre la ventana Animator

1- Haga clic con el botón derecho en el cuadro de inactividad, elija "hacer transición" y haga clic en el cuadro de salto (como se muestra en la novena imagen)

2- Haga clic derecho en el cuadro de salto, elija "Hacer transición" y haga clic en Ejecutar cuadro

3- En los Parámetros, haga clic en el icono Más (+) Elija Bool (Nómbrelo, por ejemplo, Jump)

4- Elija las flechas que se mueven de la animación inactiva a la de salto, vaya a su Inspector y establezca "Tiene tiempo de salida" en Falso, "Duración fija" en falso, Establezca "Duración de transición" en Cero y haga clic en el signo más (+) Eso existen dentro de la Condición y establece el "Salto" en "Verdadero" (como se muestra en la Décima Imagen) …

5- Elija las flechas que se mueven de la animación Saltar a Ejecutar, vaya a su Inspector y establezca "Tiene tiempo de salida" en Falso, "Duración fija" en falso, Establezca "Duración de transición" en Cero y haga clic en el signo más (+) Eso existen dentro de la Condición y establece el "Salto" en "Falso"

6- Toque dos veces en el cuadro de animación de salto desde el animador y establezca el "Tiempo de bucle" en "Falso"

7- Elige tu personaje de la jerarquía

8- Vaya a la ventana del Inspector presione "Agregar componente"

9- Escribe el nombre del Script (por ejemplo AnimateJump)…

10- Haga clic en "Nuevo script"

11- Haga clic en "Crear y agregar"

12- Eliminar todos los códigos que se escriben automáticamente

13- Descargue el texto, cópielo y péguelo en su secuencia de comandos (no olvide escribir su nombre de secuencia de comandos en lugar de #yourScriptName y también su nombre de secuencia de comandos de salto en lugar de #YourJumpingScriptName, y escriba su nombre bool en lugar de "Walk" That que creó dentro de los parámetros en el animador)

14- Guarda el guión y ve al inspector del personaje, mira tu guión

15- Arrastra tu personaje y suéltalo dentro del "Insertyour Jump Script"

Si juegas tu juego ahora, el jugador estará inactivo … caminará … y saltará … ¡hooohuuu!:D

pero necesita ser volteado

Paso 9: voltear tu personaje

Primero necesitas agregar un nuevo script a Nuestro personaje:

1- Elige tu personaje de la jerarquía

2- Ve a la ventana del Inspector presiona "Agregar Componente"

3- Escribe el nombre del Script (por ejemplo Flip)…

4- Haga clic en "Nuevo script"

5- Haga clic en "Crear y agregar"

6- Eliminar todos los códigos que se escriben automáticamente

7- Descargue el texto, cópielo y péguelo en su secuencia de comandos (no olvide escribir su nombre de secuencia de comandos en lugar de #yourScriptName y también su nombre de secuencia de comandos de movimiento en lugar de #YourMotionScriptName)

8- Guarda el guión y ve al inspector del personaje, mira tu guión

9- Arrastra tu personaje y suéltalo dentro de "Insertyour Motion Script"

10-Copie la escala X de su personaje de (Transformar) en la parte superior del Inspector y péguela en Scale_X en su guión (como se muestra en la segunda y tercera imagen)

11- Copia la escala Y de tu personaje de (Transformar) en la parte superior del Inspector y pégala en Scale_Y

Paso 10: la cámara sigue a nuestro personaje

Esta vez necesitas agregar un nuevo script a nuestra cámara:

1- Elija su cámara de la jerarquía

2- Ve a la ventana del Inspector presiona "Agregar Componente"

3- Escribe el nombre del Script (por ejemplo CameraFollow)…

4- Haga clic en "Nuevo script"

5- Haga clic en "Crear y agregar"

6- Eliminar todos los códigos que se escriben automáticamente

7- Descargue el texto, cópielo y péguelo en su secuencia de comandos (no olvide escribir su nombre de secuencia de comandos en lugar de #yourScriptName)

8- Guarda el guión y ve al Inspector de la cámara, mira tu guión 8- Arrastra tu personaje y suéltalo dentro del "Destino"

Puede editar otra configuración si lo desea …

para poner un borde a la cámara, use el desplazamiento X e Y

Paso 11: agregue el segundo jugador (2 jugadores) y la cámara siga a 2 jugadores

Para hacer tu juego más interesante…. Puedes hacerlo 2, 3, 4, 10, 20…. Jugadores … la cantidad de jugadores que quieras … así que haz eso:

1- Elige tu personaje de la jerarquía

2- Duplicarlo (Presionar Ctrl + D)

ahora agregaste otro personaje

3- Muévalo con la herramienta Mover y arrástrelo, colóquelo en un lugar adecuado

4- Ahora tenemos que cambiar la configuración de control, así que, vaya a su Inspector, cambie el botón derecho e izquierdo de su secuencia de comandos de movimiento

5- También cambia el botón de salto …

Pero ahora la cámara sigue a un solo jugador, para que siga a más de un jugador, debemos agregarle un nuevo script:

1- Elija su cámara de la jerarquía 2 - Vaya a la ventana del inspector y presione "Agregar componente"

3- Escribe el nombre del Script (por ejemplo CameraFollowMultipleTarget)…

4- Haga clic en "Nuevo script"

5- Haga clic en "Crear y agregar"

6- Eliminar todos los códigos que se escriben automáticamente

7- Descargue el texto, cópielo y péguelo en su secuencia de comandos (no olvide escribir su nombre de secuencia de comandos en lugar de #yourScriptName)

8- Guarde el guión y vaya al Inspector de la cámara, mire su guión

9- Establecer el "objetivo" 2

10- Arrastra a tus dos jugadores dentro de este objetivo.

Asegúrese de que la compensación Z de la cámara (-20)

Puede cambiar o establecer otra configuración … si desea hacer un borde a la cámara Edite el desplazamiento X e Y

Paso 12: Agregar puntaje y puntos muertos

Hay muchas ideas geniales que puedes hacer en tu juego, pero la idea más simple es crear un área de puntuación simple si uno de los personajes llega primero y gana, y hay un área muerta si el jugador la toca y vuelve a generar. el punto de reaparición ahora …

Primero hagamos el área de puntuación:

1- Pero el objeto a Ground y Score (como se muestra en la primera imagen)

no te olvides de agregar Box Collider2D

Ahora necesitamos agregar al campo de puntuación un script

1- Elija su campo de puntuación de la jerarquía

2- Ve a la ventana del Inspector presiona "Agregar Componente"

3- Escribe el nombre del Script (por ejemplo ScoreGround)…

3- Haga clic en "Nuevo script" 4- Haga clic en "Crear y agregar"

5- Eliminar todos los códigos que se escriben automáticamente

6- Descargue el texto, cópielo y péguelo en su secuencia de comandos (no se olvide de escribir su nombre de secuencia de comandos en lugar de #yourScriptName, y cambie el nombre de 2 jugadores en lugar de "YourPlayer1Name" y "YourPlayer2Name")

7- Guarde el guión y vaya al inspector de la cámara, mire su guión

Ahora necesitamos crear el botón de texto y reiniciar

Para crear un texto

1- Haga clic en el signo más (+) en la jerarquía

2- Elija "UI" -> "Texto"

3- Cambie el nombre del texto del inspector y edite su color….

4- crea 2 Textos, uno para el jugador uno (por ejemplo, "El jugador 1 gana") y el otro para el jugador 2

Ahora necesitamos crear el botón de reinicio

Para crear un botón 1: haga clic en el signo más (+) en la jerarquía

2- Elija "UI" -> "Botón"

3- Cambie el nombre del botón desde el inspector y edite su color….

crear solo un botón

Ahora, después de crear textos y botones, debemos agregarlos al Inspector de terreno de puntuación para hacer eso:

1- Elija su campo de puntuación de la jerarquía 2 - Vaya a la ventana del inspector

3- Mira el guión que has agregado

4- Arrastra los textos y suéltalos en "Win Text Of Player 1" & "Win Text Of Player 2"

5- Arrastra el botón y suéltalo en el "Botón Reiniciar"

si juegas ahora, todo funciona excepto el botón de reinicio

Para que funcione

1- Elija el archivo de las herramientas desplegables en la parte superior izquierda de Unity …

2- Elija la "Configuración de compilación"

3- Arrastre su escena desde la carpeta de escenas que se encuentra en la ventana del proyecto y suéltela en "Escena en compilaciones"

ahora agreguemos un nuevo script al botón

4- Elija su botón de la jerarquía

5- Ve a la ventana del Inspector presiona "Agregar Componente"

6- Escribe el nombre del Script (por ejemplo SceneLoader)…

7- Haga clic en "Nuevo script"

8- Haga clic en "Crear y agregar"

9- Eliminar todos los códigos que se escriben automáticamente

10- Descargue el texto, cópielo y péguelo en su script (no olvide escribir su nombre de script en lugar de #yourScriptName)

11- Guardar el script volver a Unity

12- Elija su botón de la jerarquía

13- Vaya a su Inspector, haga clic en el signo más (+) del "al hacer clic"

14- arrastra y suelta el bottun al cuadro rectangular

15- Haga clic en "Sin función" Elija "SceneLoader" -> "Cargar escena"

16- escribe cero… 0

ahora si juegas funciona… Hurra: D

Vamos a agregar la zona muerta para hacer esto:

1- Haga clic en el signo más (+) de la jerarquía

2-Elija "Crear vacío" y vaya a su Inspector

3- Agregar BoxCollider 2d….

4- Muévelo hacia abajo, para que cuando el jugador se caiga choca contra él

Ahora agregue un nuevo script a este objeto de juego y asígnele el nombre por ejemplo DeadZone

5- Descargue el texto, cópielo y péguelo en su secuencia de comandos (no olvide escribir su nombre de secuencia de comandos en lugar de #yourScriptName y escriba los nombres de sus personajes en lugar de "yourPlayer1 Name", "YourPlayer2 Name")

Ahora guarda y vuelve a la unidad

Necesitamos agregar un objeto de juego vacío que indique dónde volverá a aparecer nuestro jugador

1- Haga clic en el signo más (+) de la jerarquía

2- Elija "Crear vacío"

3- Mueva la posición a la misma posición en la que necesita que los jugadores vuelvan a generar

4- mira The DeadZone Script desde el inspector y agrega el Spawn Point (el objeto Game que has creado).

Si juegas ahora quedarás impresionado: -O

Paso 13: Congelar la rotación

cuando juegas hay un error que es el personaje gira …

Si está molesto por este error … puede solucionarlo fácilmente:

1- Simplemente seleccione el personaje de la jerarquía

2- Mira a Rigidbody2D del Inspector

3- Abra "Restricciones" y establezca "Congelar rotación" en Verdadero

Eso es todo;)

Paso 14: Creación del menú principal de su juego

Así es como crear su menú principal

Paso 15: publicar y compartir

Finalmente para cargar su juego Vea este video

Espero que disfrutes … Aprende … Ten Fum:)

Cualquier pregunta, pregúntame en: