Sprite Atlas: El fondo del escenario

• 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

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.

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

gracias

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

Genial

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

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

Alguien me ayuda a cambiarla?