jairogarcíarincón

Fondo por capas


5.46K

Fondo por capas

Vamos a añadir a nuestra escena diferentes capas de fondo:

  • Duplica la escena actual (dentro de Scenes) y llámala FondoPorCapas
  • Haz doble clic en FondoPorCapas para cargar dicha escena
  • Para mantener la escena organizada, crea un nuevo Empty Object, resetea su posición y llámalo Fondos
  • Arrastra el objeto Fondo dentro de Fondos
  • Duplica el objeto Fondo y llámalo Colina 1
  • Selecciona Colina 1 y, en la Inspector window, arrastra el sprite fondo1 a la propiedad Sprite del componente Sprite Renderer
  • Arrastra el material fondo1 a la propiedad Material del componente Sprite Renderer




Observarás que la Colina 1 se ha quedado detrás de Fondo, con lo que no puedes verla. Para ello vamos a modificar la estructura de capas de la escena de modo que podamos ordenar los objetos.

Con la Colina 1 seleccionada, busca en la Inspector window la propiedad Layer (arriba a la derecha), haz clic en Default y selecciona Add Layer...



Despliega Sorting Layers, haz clic en el icono + y ponle de nombre Fondo.



Vuelve a seleccionar Colina 1 y, en la Inspector window, cambia la Sorting Layer a Fondo y el Order in Layer a 1, ahora ya deberías ver la Colina 1 delante del Fondo.



Para finalizar de ajustar la Colina 1, selecciona la Move Tool haz clic en la Colina 1 dentro de la escena, pulsa la tecla V y arrastra la esquina inferior izquierda de la Colina 1 a la esquina inferior izquierda de Fondo. De este modo, nos aseguraremos de que quedan en la misma posición:



Para crear la Colina 2:

  • Duplica la Colina 1 y llámala Colina 2
  • Modifica en el Sprite Renderer de modo que Sprite sea el sprite fondo2, Material sea el material fondo2, Sorting Layer sea Fondo y Order in Layer sea 2
  • Ajusta la Colina 2 a la esquina inferior izquierda de la escena




Para crear la Colina 3:

  • Duplica la Colina 2 y llámala Colina 3
  • Modifica en el Sprite Renderer de modo que Sprite sea el sprite fondo3, Material sea el material fondo3, Sorting Layer sea Fondo y Order in Layer sea 3
  • Ajusta la Colina 3 a la esquina inferior izquierda de la escena



Publicado el 21 de Noviembre de 2024

unity