Integración de Assets en Unity: Fondo de Escenario y Sprite Mapping

Clase 5 de 31 • Curso de Desarrollo de Videojuegos para Móviles con Unity

Resumen

Recuerda que los sprites son todos los elementos visuales de nuestro videojuego cargados en una sola imagen, de esta forma Unity debe cargar un solo archivo en memoria, la carga inicial y el desempeño del juego será mas rápido y podremos utilizar los elementos de forma separada utilizando la herramienta Sprite Editor.

Juan Castro

teacher•

Los Sprite Atlas son imágenes muy grandes con todos los elementos visuales que vamos a utilizar en el videojuego.
Para separar estos elementos y utilizarlos individualmente podemos usar el Sprite Editor con la opción Multiple y seleccionar cada uno de nuestros elementos con la opción de corte automático

Leonardo Ernesto Solórzano Carrasquero

student•

En expansion a lo que dice juandc, el sprite atlas se utiliza para acceder a un mismo archivo para una gran cantidad de assets, disminuyendo asi la cantidad de veces que Unity debe abrir y leer un archivo para acceder a los assets del juego, ademas es recomendable que los sprite atlas vengan en resoluciones multiplos de 2, para mejorar el rendimiento del juego.

Sebastian Carballo

student•

Vamos a introducir muestro primer asset, el Background.

Seleccionar la img: pestaña Inspector-> Sprite Mode -> Multiple.
Abrimos el Sprite Editor.
Seleccionamos el tipo de Slice -> Grid By Cell Size.
- Editamos properties:

partimos del tamaño en pixeles correspondiente al Iphone X (ya que este es el smartphone de mayor resolución en mercado, de acá para abajo Unity la adaptaría 😎).

Pixel Size: X 1125 Y 2436 Offset: 50 50 Padding: 50 50 Pivot: Center

 • El Offset es la distancia que tiene la imagen con los bordes izq. & der. (X), y sup. & inf. (eje Y)
 • El Padding es la distancia entre las mismas imágenes
 • El Pivot es desde donde controlaremos la imagen, algunos lo ponen en un borde … nosotros vamos al centro.

Ahora seleccionamos los trozos y **ponemos nombres más significativos **que los default:
- Ej: "background_1", "background_2", etc.
Click Apply Si bien la imagen sigue guardada en individual, ya podemos acceder y manipular cada slice por separado.
```
  Convención en la industria dev: nombrar en inglés.
```

Drag n' drop: Elegir uno de los backgrounds y soltarlo en la escena ... La camara resulta ser más pequeña que nuestra imagen … New resolution: vamos a la pestaña Game y añadimos nuestra resolución, con el Label_ iPhone X_

Type: Fixed Resolution
Width & Height: 1125 2436
- El iPhoneX cuenta con una resolución retina, donde cada pixel "vale el doble".
- La resolución es libre y podríamos dejarla en Free Aspect, lo recomendable es fijarla a nuestro proyecto.

Move tool hotkey W: ubicamos la imagen en el centro.

Es más preciso modificar las coordenadas de Position, dentro del sub-menu Transform (Inspector)
- X 0 Y 0

Run --> probamos cómo lo va a ver quién juega.

Si queremos que la imagen tome todo el fondo del iPhone podemos:
- Achicar la imagen ó
- Generar una apertura superior de la cámara: ○ De este modo preservamos panorama del juego.
Hierarchy -> background -> cambiamos **size **10 Dejando un pequeño margen más allá del límite de la cámara, para prevenir bandas de vacío en posibles dispositivos más anchos.

Bruno Ivan Paz Martinez

student•

Para los que no les salga la opción de sprite mode o que las fotos no las reconozca como PNG deben cambiarlo a "Sprite(2D and UI)" en texture type

Laura Quintero

student•

si no me deja poner en slide en pixel Size X 1125 y Y 2436 y solamente me deja en X 300 y Y 144 que hago

amalia perez

student•

gracias

Kenny Russell Vasquez Justiniano

student•

Y si quiero en un iPad que tengo que hacer, osea cual es la resolución?

Leonardo Gutierrez

student•

Genial

Bruno Ivan Paz Martinez

student•

También si en la cámara no les sale size en "projection" deben cambiarlo a "Orthographic"

Julio Cesar Perez

student•

No se porque la cámara me aparece en horizontal y no en vertical.

Alguien me ayuda a cambiarla?

Bobionwa .

student•

puedes cmbiar en Fiel - Build Settings la plataforma a android tal vez te ayude

DEREK ALEXANDER OLIVA CONTRERAS

student•

Tengo un problema:

DEREK ALEXANDER OLIVA CONTRERAS

student•

Arrastro el fondo hasta la escena, no aparece el fondo en la escena, pero si en Game ¿que hago?

Leonardo Ernesto Solórzano Carrasquero

student•

Es probable que tengas tanto zoom out que no la ves, si te aparece en game entonces deberia aparecer en la jerarquia lateral con el nombre que le hayas puesto al recorte en el sprite editor, si es asi, puedes darle click y presionar F (Focus), o darle doble click y se ajustara el zoom para apreciar todo el game object, en caso que esto no funcione, haria falta un screenshot para ver que sucede.