Unity SkyBox - Historial de revisiones

Wiki en 15:17 19 abr 2020

2020-04-19T15:17:21Z

2019-07-11T08:29:43Z

Introducción

2019-01-05T13:50:54Z

Creando nuestro SkyBox

2019-01-05T13:40:03Z

Trabajando con imágenes HDR

2019-01-05T12:51:15Z

Descargando SkyBox desde el Asset Store

2019-01-05T12:48:00Z

Descargando texturas desde el Asset Store

2019-01-05T12:47:35Z

Creando nuestro SkyBox

2019-01-05T12:29:16Z

Introducción

2019-01-05T12:24:09Z

Introducción

2019-01-05T11:16:02Z

Introducción

← Revisión anterior	Revisión del 15:17 19 abr 2020
Línea 122:	Línea 122:


	+	<br />
	+	'''[https://wiki.cifprodolfoucha.es/index.php?title=Programacion_de_videojuegos_con_UNITY3D#UNIDAD_3:_Creando_videojuego_3D Enlace a la página principal del curso]'''
	+	<br />

@@ Línea 3: / Línea 3: @@
 * Un SkyBox es una textura panorámica que se dibuja detrás de todos los objetos de la escena y representa el cielo que rodea al juego.
 : Internamente está implementado haciendo uso de un Cubo <u>formado por 6 texturas</u> las cuales se encuentran 'conectadas' unas con otras formando el 'cielo' y el 'suelo'.
-: Representan los 6 direcciones visibles (arriba, abajo, derecha, izquierda, adelante y atrás)
+: Representan el horizonte en 6 direcciones visibles (arriba, abajo, derecha, izquierda, adelante y atrás)
@@ Línea 10: / Línea 10: @@
-* En cualquier momento podemos 'eliminar' el skybox si accedemos a las propiedades de la cámara y cambiamos su propiedad '''Clear Flags''':
+* Para cambiar un SkyBox por otro descargado o hecho por nosotros podemos hacerlo de dos formas:
 : Este parámetro indica qué queremos que dibuje la cámara cuando limpie toda la pantalla.
 : Recordar que lo que se hace para realizar una animación es borrar continuamente (en cada frame) la pantalla y se vuelve a dibujar toda las escena.

@@ Línea 45: / Línea 45: @@
 * El proceso sería el siguiente:
 <gallery caption="Creando un SkyBox con una textura 360 grados descargada de Internet" widths="350" heights="300px" perrow="2">
-Image:Unity3d_escala_3.jpg| Escogemos la opción '''Escala''' de la '''Barra de herramientas'''.
+Image:Unity3d_skybox_7.jpg| Arrastramos la imagen que queremos que conforme el cielo.
-Image:Unity3d_escala_4.jpg| Presionamos con el botón izquierdo del ratón uno de los ejes (el que queramos modificar la escala) y sin soltar, movemos el ratón. Podemos observar como el valor en la ventana Inspector se modifica.
+Image:Unity3d_skybox_8.jpg| En las propiedades de la textura escogemos Texture Shape: Cube.
 </gallery>
@@ Línea 53: / Línea 60: @@
 <br />
 =Descargando SkyBox desde el Asset Store=

← Revisión anterior		Revisión del 13:40 5 ene 2019
Línea 79:		Línea 79:


−	* Cuando importamos del Assets Store las texturas/materiales que conformaban el cielo también ~~pudimos seleccionar~~ los archivos HDR.	+	* Cuando importamos del Assets Store las texturas/materiales que conformaban el cielo también seleccionamos los archivos HDR:
		+	[[Imagen:Unity3d_skybox_23.jpg\|500px\|center]]
		+
		+	: Dichos archivos son utilizados por el material que va a conformar el skybox:
		+	[[Imagen:Unity3d_skybox_24.jpg\|500px\|center]]
		+
		+
		+	* Fijarse que podríamos crear nuestro propio SkyBox a partir de los que tenemos.
		+	: Creamos un nuevo material de tipo '''Skybox/6 sides''' y arrastramos a cada cuadro la imagen correspondiente (Up = top y Down = Bottom)
		+
		+	[[Imagen:Unity3d_skybox_25.jpg\|500px\|center]]
		+
		+	: Podemos ver en la imagen como hemos creado un nuevo material de nombre SkyBoxPropio y del tipo '''Skybox/6 sides'''.
		+	: Para arrastrar las imágenes hdr a cada uno de los lados, he puesto el candado a las propiedades del material. De esta forma puedo ir a la carpeta de las imágenes HDR y seleccionar cualquiera de ellas para arrastrarlas sin que me cambie las propiedades de la ventana Inspector.
		+	: El efecto es el que se ve en la ventana Scene.
		+
		+

@@ Línea 64: / Línea 64: @@
 Image:Unity3d_skybox_20.jpg| En el ejemplo se ha colocado un plano de color azul. Si movemos la cámara podemos observar como la imagen del cielo es de 360º
 Image:Unity3d_skybox_21.jpg| Fijarse que para que un material pueda ser utilizado como skybox debe de ser de tipo '''SkyBox'''.. Dentro de este podremos escoger varios formatos. El del ejemplo es de tipo '''6 sides''' y tiene asociada 6 texturas como explicamos al principio de esta sección.
 </gallery>

@@ Línea 53: / Línea 53: @@
 <br />
-=Descargando texturas desde el Asset Store=
+=Descargando SkyBox desde el Asset Store=
 * Si buscamos en el asset store por '''Sky Textures''' encontraremos múltiples texturas para ser empleadas como skybox.

← Revisión anterior		Revisión del 12:47 5 ene 2019
Línea 49:		Línea 49:
	</gallery>		</gallery>

		+
		+
		+
		+	<br />
		+	=Descargando texturas desde el Asset Store=
		+
		+	* Si buscamos en el asset store por '''Sky Textures''' encontraremos múltiples texturas para ser empleadas como skybox.
		+
		+	<gallery caption="Descargando skybox desde el Asset Store" widths="350" heights="300px" perrow="2">
		+	Image:Unity3d_skybox_16.jpg\| Vamos al Asset Store y buscamos por 'sky textures'. Los resultados los filtramos por free.
		+	Image:Unity3d_skybox_17.jpg\| Escogemos uno de los resultados y procedemos a descargarlo e importarlo. En la importación podemos desmarcar las escenas de ejemplo.
		+	Image:Unity3d_skybox_18.jpg\| Para cambiar el SkyBox por defecto podemos arrastrar el material a la escena o bien a través del menú Window => Lighting => Settings.
		+	Image:Unity3d_skybox_19.jpg\| En la pestaña '''Scene''' podemos seleccionar el material que va a conformar el SkyBox o arrastrarlo directamente desde la ventana Project Window.
		+	Image:Unity3d_skybox_20.jpg\| En el ejemplo se ha colocado un plano de color azul. Si movemos la cámara podemos observar como la imagen del cielo es de 360º
		+	Image:Unity3d_skybox_21.jpg\| Fijarse que para que un material pueda ser utilizado como skybox debe de ser de tipo '''SkyBox'''.. Dentro de este podremos escoger varios formatos. El del ejemplo es de tipo '''6 sides''' y tiene asociada 6 texturas como explicamos al principio de esta sección.
		+	</gallery>

← Revisión anterior		Revisión del 12:24 5 ene 2019
Línea 30:		Línea 30:

	<br />		<br />
		+	=Creando nuestro SkyBox=
		+
		+	* La forma más sencilla es descargar desde el propio Asset Store de Unity ejemplos de SkyBox ya realizados.
		+
		+	: Si no encontramos ninguno que nos interese, podemos buscar por Google '''textures sky 360 download''', por ejemplo.
		+	: Entre los resultados, aparece este: https://www.sketchuptexture.com/2013/02/panoramic-ski-360.html (por ejemplo)
		+	: Si descargamos el rar y lo descomprimimos tendremos imágenes jpg con fondos de 360º.
		+
		+	[[Imagen:Unity3d_skybox_6.jpg\|500px\|center]]
		+
		+
		+	* El proceso sería el siguiente:
		+	<gallery caption="Creando un SkyBox con una textura 360 grados descargada de Internet" widths="350" heights="300px" perrow="2">
		+	Image:Unity3d_escala_3.jpg\| Escogemos la opción '''Escala''' de la '''Barra de herramientas'''.
		+	Image:Unity3d_escala_4.jpg\| Presionamos con el botón izquierdo del ratón uno de los ejes (el que queramos modificar la escala) y sin soltar, movemos el ratón. Podemos observar como el valor en la ventana Inspector se modifica.
		+	</gallery>