UNITY Texturas - Historial de revisiones

Angelfg: /* Shaders */

2026-01-19T21:20:14Z

Shaders

Angelfg: /* Introducción */

2025-01-21T18:44:28Z

Introducción

Wiki en 14:20 19 abr 2020

2020-04-19T14:20:21Z

Wiki: /* Colores */

2020-04-19T14:19:34Z

Colores

Wiki en 14:19 19 abr 2020

2020-04-19T14:19:16Z

Wiki: /* Introducción */

2020-01-18T17:38:28Z

Introducción

Wiki: /* Introducción */

2020-01-13T15:53:00Z

Introducción

Wiki: /* Texturas en objetos 3D */

2019-08-25T14:49:36Z

Texturas en objetos 3D

Wiki: /* Avanzado: Conceptos para programadores */

2019-08-25T14:48:26Z

Avanzado: Conceptos para programadores

Wiki: /* Asociando nuevas texturas a objetos 3D */

2019-08-25T14:47:11Z

Asociando nuevas texturas a objetos 3D

@@ Línea 448: / Línea 448: @@
 * A partir del Unity 2018, existe una herramienta que viene integrada con Unity y que nos permite desarrollar Shaders sin necesidad de tener unos conocimientos de programación avanzados.
 : Esta herramienta es el '''Shader Graph Editor'''.
-: Tenéis [https://blogs.unity3d.com/es/2018/02/27/introduction-to-shader-graph-build-your-shaders-with-a-visual-editor/ en este enlace] información y ejemplos sobre dicha herramienta.
+: Tenéis [https://docs.unity3d.com/Packages/com.unity.shadergraph@4.6/manual/Getting-Started.html en este enlace] información y ejemplos sobre dicha herramienta.
 : Vídeos:
 :* En [https://www.youtube.com/watch?v=1mW3T-Oritw este enlace] tenéis un vídeo explicativo de su funcionamiento.

← Revisión anterior		Revisión del 18:44 21 ene 2025
Línea 20:		Línea 20:

	<br />		<br />
		+
		+	* A partir de la versión 2018.1, Unity incorpora una nueva forma de renderizar las texturas denominada '''URP (Universal Render Pipeline)'''.
		+	: Entre las ventajas de usar este tipo de renderizado tenemos:
		+	:* Soporta técnicas avanzadas de sombreado
		+	:* Puede manejar texturas de mayor resolución más eficientemente que los pipelines más antiguos como el Built-In Render Pipeline de Unity.
		+	:* Permite una gestión más eficiente de los recursos gráficos, lo que es crucial para el rendimiento en dispositivos con recursos limitados.
		+	:* Puedes utilizar diferentes configuraciones y herramientas que te permiten controlar cómo se renderizan las texturas en diferentes dispositivos, adaptándose así a las necesidades específicas de cada plataforma.
		+
		+
		+	: Cuando creamos un proyecto nuevo, podemos escoger si vamos a hacer uso del nuevo sistema de renderizado o si seguimos con el antiguo.
		+	: En función de esta elección tendremos que tener en cuenta que a la hora de importar los paquetes de Unity o crear/usar materiales debemos de realizar unos ajustes para que se visualicen correctamente.
		+	: Lo indicaré cuando veamos los materiales.

	=Los colores=		=Los colores=

@@ Línea 491: / Línea 491: @@
 * Al ejecutar el juego podemos comprobar como se produce un degradado desde el color rojo al amarillo en ciertas caras del cubo:
 [[Imagen:Unity3d_texturas_vertex_colores_4.JPG|500px|center]]
@@ Línea 498: / Línea 499: @@
 <br />
-'''[https://wiki.cifprodolfoucha.es/index.php?title=Programacion_de_videojuegos_con_UNITY3D#UNIDAD_2:_Conceptos_b.C3.A1sicos_3D | Enlace a la página principal del curso]'''
+'''[https://wiki.cifprodolfoucha.es/index.php?title=Programacion_de_videojuegos_con_UNITY3D#UNIDAD_2:_Conceptos_b.C3.A1sicos_3D Enlace a la página principal del curso]'''
 <br />

@@ Línea 498: / Línea 498: @@
 <br />
-'''[[https://wiki.cifprodolfoucha.es/index.php?title=Programacion_de_videojuegos_con_UNITY3D#UNIDAD_2:_Conceptos_b.C3.A1sicos_3D | Enlace a la página principal del curso]]'''
+'''[https://wiki.cifprodolfoucha.es/index.php?title=Programacion_de_videojuegos_con_UNITY3D#UNIDAD_2:_Conceptos_b.C3.A1sicos_3D | Enlace a la página principal del curso]'''
 <br />

← Revisión anterior		Revisión del 14:19 19 abr 2020
Línea 495:		Línea 495:


		+
		+
		+	<br />
		+	'''[[https://wiki.cifprodolfoucha.es/index.php?title=Programacion_de_videojuegos_con_UNITY3D#UNIDAD_2:_Conceptos_b.C3.A1sicos_3D \| Enlace a la página principal del curso]]'''
	<br />		<br />
−

← Revisión anterior		Revisión del 17:38 18 ene 2020
Línea 11:		Línea 11:
	: La pregunta aquí sería, ¿ cómo podemos acoplar una imagen bidimensional (la textura) a una figura tridimensional ? Lo veremos a continuación.		: La pregunta aquí sería, ¿ cómo podemos acoplar una imagen bidimensional (la textura) a una figura tridimensional ? Lo veremos a continuación.

		+
		+	* Relacionado con el concepto de Textura, Unity emplea '''Materiales''' que son los que van a llevar asociada la textura. Posteriormente Unity 'asocia' el material a la figura. Lo veremos [https://wiki.cifprodolfoucha.es/index.php?title=UNITY_Materiales en la sección de Materiales] de esta misma Wiki.

@@ Línea 3: / Línea 3: @@
 * Una [http://es.wikipedia.org/wiki/Textura_%28gr%C3%A1ficos_por_computadora%29 textura] representa una imagen que se 'pega' a la superficie de un objeto 3D o 2D.
-* Un objeto dentro del juego en un mundo 2D se representará como un cuadrado/rectángulo.
+* Un objeto dentro del juego en un mundo 2D se representará como un cuadrado/rectángulo (Unity permite emplear sprites con otras formas, como círculos,...).
 : Sobre ese cuadrado se dibujará una imagen (textura) que será lo que represente a nuestro personaje dentro del juego.

← Revisión anterior		Revisión del 14:49 25 ago 2019
Línea 241:		Línea 241:
	* Podemos consultar todas las opciones disponibles [https://docs.unity3d.com/Manual/class-TextureImporter.html en este enlace].		* Podemos consultar todas las opciones disponibles [https://docs.unity3d.com/Manual/class-TextureImporter.html en este enlace].

		+
		+	<br />
		+	==Explicación técnica==
		+
		+	* Las texturas son los gráficos que se 'pegan' sobre cada una de las superficies de una figura 3D.
		+	: Por lo tanto trabajamos con imágenes 2D las cuales 'pegamos' a figuras 3D.
		+
		+	* Ya vimos en un apartado anterior como se realiza este proceso.
		+
		+	: Al igual que en el espacio disponemos de coordenadas x,y,z para situar nuestros GameObjects, las texturas tienen su propio espacio y se denomina '''UV'''
		+
		+	[[Imagen:Badlogic.jpg\|300px\|center]]
		+
		+
		+	* Cuando trabajamos con texturas, establecemos su posición en base a dos coordenadas que se <u>encuentran entre los valores [0-1]</u>
		+	[[Imagen:LIBGDX_UD4_Mesh_8.jpg\|300px\|center]]
		+
		+
		+	* Si queremos que dicha textura se dibuje sobre un triángulo tendremos que establecer para <u>cada uno de los vértices del triángulo</u> que posición de la textura se tiene que dibujar:
		+	[[Imagen:LIBGDX_UD4_Mesh_9.jpg\|300px\|center]]
		+
		+
		+	: Esto dará como resultado lo siguiente:
		+	[[Imagen:LIBGDX_UD4_Mesh_10.jpg\|300px\|center]]

@@ Línea 301: / Línea 301: @@
 <br />
-=Avanzado: Conceptos para programadores=
+=Avanzado=
 * Lo que viene a continuación son unas explicaciones teóricas para los alumnos que realizan el ciclo de Programación de aplicaciones multiplataforma.
@@ Línea 309: / Línea 384: @@
 <br />
-==Shaders==
+===Shaders===
 * Resulta que a partir de la versión OPEN GL 2.0 los gráficos se renderizan utilizando Shader´s. Los Shader son programas escritos en un lenguaje parecido a C que se denomina '''GLSL''' y que permite modificar las propiedades de los puntos que se van a renderizar pudiendo hacer efectos muy complejos.
@@ Línea 349: / Línea 424: @@
 <br />
-==Colores==
+===Colores===
 : En OPENGL se puede establecer el color en cada uno de los vértices de cualquier figura 3D. Si todos los vértices tienen el mismo color, la superficie <u>entera</u> se dibuja del color indicado.
@@ Línea 395: / Línea 470: @@
 <br />

← Revisión anterior		Revisión del 14:47 25 ago 2019
Línea 241:		Línea 241:
	* Podemos consultar todas las opciones disponibles [https://docs.unity3d.com/Manual/class-TextureImporter.html en este enlace].		* Podemos consultar todas las opciones disponibles [https://docs.unity3d.com/Manual/class-TextureImporter.html en este enlace].

−
−
−
−	~~<br />~~
−
−	~~==Asociando nuevas texturas a objetos 3D==~~
−
−	* Disponéis [http://wiki.cifprodolfoucha.es/index.php?title=Programacion_de_videojuegos_con_UNITY3D#Programas_de_dise.C3.B1o_3D en la página principal del curso] de varios programas para el diseño de figuras 3D y animaciones.
−	~~: Podéis escoger el que queráis, ya que en todos ellos vais a encontrar la forma de realizar lo que voy a explicar a continuación.~~
−
−	* Yo os recomiendo el Wings3D por su sencillez, ya que lo que vamos a hacer no requiere de grandes funciones y el manejo es relativamente sencillo.
−
−	* Lo que voy a exponer en este punto es la forma de poder crear figuras sencillas (un cubo en el videotutorial) y asociarles una textura.
−	: La ventaja que tiene Unity es que disponemos de muchos recursos gráficos para incorporar a nuestro juego, pero creo que a nivel de hacer aplicaciones/juegos para los alumnos de secundaria, puede ser interesante para el profesor poder crear figuras 3D con sus propios gráficos, como representar átomos, bacterias,....
−	~~: Las texturas las podéis obtener de internet o escanear un dibujo y guardar el gráfico que después podríais asociar a una figura 3D.~~
−
−	* Los pasos a seguir son:
−	~~:* [http://www.wings3d.com/?page_id=84 Descargar e instalar el programa Wings3D, versión 2.1.7].~~
−	~~:* [https://drive.google.com/drive/folders/1Ph6y3pGBybCq9Z2X1mX0BQdxAtlvPSx5 Descargar unos patch´s del programa de la misma versión (2.1.7)].~~
−	~~:* Mover los archivos descargados al directorio: '''C:\Program Files\wings3d_2.1.7\lib\wx-1.8.3\ebin''' (o al directorio donde instalasteis el Wings3D, carpeta lib\wx-1.8.3~~
−
−
−	* Disponéis en [https://drive.google.com/drive/folders/0B6wy3Avo79ZlbWZna1owQTYxNVk este enlace] de tres vídeos en los que os explico como crear figuras sencillas 3D y cómo asociarles las texturas.
−
−	~~<br />~~
−	~~===Importando los modelos creados a Unity===~~
−
−	* Tenéis más información sobre los formatos soportados por Unity [https://docs.unity3d.com/Manual/3D-formats.html en este enlace].
−
−	* En esta [http://wiki.cifprodolfoucha.es/index.php?title=Unity_Wings3D wiki también explico otras operaciones interesantes] que se pueden hacer.
−
−
−	* Una vez creado el modelo en Wings realizamos el siguiente proceso:
−
−	~~<gallery caption="Importando modelo 3D con texturas al Unity" widths="350" heights="300px" perrow="2">~~
−	~~Image:Unity3d_textura_17.JPG\| Vamos al menú 'File' => 'Export' => '3ds'~~
−	~~Image:Unity3d_textura_18.JPG\| Dejamos las opciones de exportación por defecto y pulsamos 'Ok'.~~
−	~~Image:Unity3d_textura_19.JPG\| Le damos un nombre al archivo y lo guardamos en la carpeta que elijamos (la extensión del archivo es .3ds).~~
−	Image:Unity3d_textura_20.JPG\| Ahora en el programa Unity, en la pestaña de 'Assets' podemos organizarlo como queramos (en forma de carpetas). En este caso creé una carpeta de nombre 'Propios' y dentro de esta, una nueva carpeta de nombre 'Cubo' (para crear una subcarpeta debéis presionar el botón derecho sobre la carpeta y escoger la opción 'Create' => 'Folder'.
−	~~Image:Unity3d_textura_21.JPG\| Ahora debemos '''arrastrar''' el archivo 3ds guardado en el paso anterior a la carpeta creada en el Unity.~~
−	~~Image:Unity3d_textura_22.JPG\| Dentro de la carpeta de 'Cubo' creamos una nueva subcarpeta de nombre '''Texture''' donde guardaremos la imagen que conforma la textura.~~
−	~~Image:Unity3d_textura_23.JPG\| Arrastramos la imagen que conforma la textura a la nueva carpeta creada.~~
−	Image:Unity3d_textura_24.JPG\| Ahora es necesario asociar la textura al nuevo asset. Para ello es necesario crear un 'material'. Un material va a determinar como se refleja la luz sobre el objeto y otra seria de características. Esta parte será abordada en la sección avanzada. Para hacerlo más simple, vamos a crear el material de una forma 'indirecta'. Vamos a arrastrar el nuevo objeto a la vista de escena.
−	Image:Unity3d_textura_25.JPG\| Ahora arrastramos la imagen de la textura al GameObject creado que se encuentra en la vista de escena. '''Fijarse como se crea una nueva carpeta de nombre Materials'''. Si arrastramos un nuevo Asset del cubo a la vista veremos que este no lleva la textura asociado. Esto es así ya que el Asset del cubo no tiene asignado el material que se creó. Vamos a asignárselo.
−	~~Image:Unity3d_textura_29.JPG \| Nos fijamos en el nombre del nuevo material. Este material tiene asociada la textura.~~
−	Image:Unity3d_textura_26.JPG\| Seleccionamos el asset importado (en este caso el cubo) y en la ventana 'Inspector' pulsamos sobre la opción 'Materials'. Veremos que pone Cube1_auv: '''none'''. Debemos de pulsar la rueda dentada para escoger el material que estará asociado a este asset.
−	~~Image:Unity3d_textura_27.JPG\| Escogemos el material.~~
−	~~Image:Unity3d_textura_28.JPG\| Pulsamos el '''botón Apply'''. Ahora ya podemos arrastrar el nuevo Asset importado y la vista de escena y aparecerá con la textura asociada.~~
−	~~</gallery>~~
−
−
−	~~<br />~~
−
−	~~===Asociando texturas a modelos complejos===~~
−
−	* En los ejemplos anteriores estamos asociando texturas a objetos simples, como cubos o esferas.
−	~~: Pero el mismo principio podéis aplicarlo a figuras más complejas.~~
−	~~: La forma de abordarlo puede ser:~~
−	~~:* Crear una única figura compleja y 'recortarla' en trozos diferentes. Esto sería lo mismo que hemos hecho con las figuras simples.~~
−	~~:* Crear una figura compuesta por múltiples figuras simples, recortar cada figura simple y asociar a cada una de ellas una textura. Veamos un ejemplo.~~
−
−
−	~~<gallery caption="Importando modelo 3D complejo" widths="350" heights="300px" perrow="2">~~
−	~~Image:Unity3d_textura_30.JPG\| Creamos en Wings u otro programa un modelo complejo. En este caso tenemos un cubo y un cono. Cada uno de ellos tiene una textura asociada como ya hicimos anteriormente.~~
−	Image:Unity3d_textura_31.JPG\| Ahora tenemos la opción de combinar los objetos (el cubo y el cono) para formar una única figura. No lo vamos a hacer, pero si quisiéramos, con los objetos que queramos juntar '''seleccionados''' pulsamos el botón derecho del ratón y escogeremos la opción 'Combine'.
−	Image:Unity3d_textura_32.JPG\| Exportamos a 3ds e importamos al Unity como hicimos con las figuras simples. Tendremos dos archivos de texturas, una para el cono y otra para el cubo. '''Debemos de seleccionar el GameObject''' y arrastraremos cada una a su figura 3D correspondiente. Se creará una carpeta '''Materials''' como antes.
−	~~Image:Unity3d_textura_33.JPG\| Debemos de fijarnos en el nombre de los materiales para asignarlos al modelo importado del Wings.~~
−	Image:Unity3d_textura_34.JPG\| Seleccionamos el modelo importado, escogemos 'Materials' y seleccionamos las dos texturas. Debemos de recordar '''presionar el botón Apply''' una vez seleccionadas. Ahora ya podemos arrastrar cuantas veces queramos el modelo importado que aparecerá con las texturas asociadas.
−	~~</gallery>~~