Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

Primeros pasos en Unity. UI. Cambiar textos - Contenido educativo

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 21 de octubre de 2025 por Alvaro H.

41 visualizaciones

Veamos cómo cambiar textos en la User Interface mediante código y usando la librería de TextMesh Pro.

Más información Transcripción

Descargar la transcripción

Hay que recordar que Unity ya está dejando de usar los textos antiguos y ahora recomienda, por decirlo de alguna forma sutil, los TextMesh Pro, que son mucho mejores a nivel de rendimiento, de posibilidades de crear texturas, en fin. 00:00:06
Bueno, eso quizás hace que cambiar el texto a través del código sea un poquito más complicado, pero no demasiado. Así que vamos a ver cómo se hace. 00:00:20
Yo he añadido un texto aquí a mi escena. Por cierto, le he puesto un panel de fondo para que destaque más. Y ahora mismo voy a añadir un script. 00:00:27
Y bien, lo primero que tenemos que tener en cuenta es que para poder acceder a los TextMeshPro, ya sea en un botón o ya sea en un texto básico o en una caja de entrada de texto, 00:00:42
pues tenemos que usar la librería tm pro visual estudio en ese sentido nos ayuda porque si nosotros 00:00:50
creamos una variable por ejemplo serializada para atraer nuestro texto y le llamamos tmp todo lo que 00:00:56
tenga que ver con text mes pro son tmp y a continuación guión bajo y por ejemplo un text 00:01:02
pues bien automáticamente como podemos ver visual estudio dice para esto necesitas esta librería yo 00:01:07
sé y me la ha añadido vale la podemos añadir nosotros directamente o dejar que visual estudio 00:01:12
la añada por nosotros y así vamos más rápido. 00:01:18
Le voy a llamar texto contador. 00:01:21
Y ya en este momento, le guardo, por supuesto, 00:01:25
muy importante, lo añado a un elemento en la escena. 00:01:28
Voy a hacerlo a un empty object y lo pongo. 00:01:32
Lógicamente nos pide qué texto queremos. 00:01:39
Si lo buscamos, pues, hombre, como en mi escena solo hay un texto, 00:01:42
pues mira, me viene muy bien lo de buscarlo con la dianita y así tardo menos. 00:01:45
Ya está. Esto es lo mismo que arrastrarlo. 00:01:48
Esto hubiera sido lo mismo que coger este texto y arrastrarlo. 00:01:49
Ya tenemos control sobre él. 00:01:53
Eso significa que, por ejemplo, le puedo cambiar uno de sus atributos. 00:01:54
El más básico, obviamente, es el texto que contiene, es decir, el text. 00:01:57
Y le puedo decir que nada más empezar, pues que hago un hola mundo, que qué menos, ¿no? 00:02:01
Entonces ahora mismo, efectivamente, si le doy al play, hola mundo. 00:02:06
Oh, Dios mío, se ha descontrolado. 00:02:13
Bueno, sí, tenemos que saber qué ocurre con nuestro texto. 00:02:14
ok. En este caso es que el contenedor 00:02:17
obviamente no cabe. Le podría decir 00:02:22
que se autoajuste y así el tamaño sea 00:02:25
el que quepa ahí. Bueno, ahí está. 00:02:29
No solo puedo cambiar el texto, también puedo cambiar 00:02:34
otros atributos como por ejemplo el color. Los colores en Unity 00:02:37
utilizan la clase color que 00:02:41
podemos generar colores a partir de RGB. Bueno, eso es otra historia. Pero bueno, 00:02:45
tenemos también igual que teníamos en CSS, pues tenemos atajos para decirle, 00:02:49
por ejemplo, que sea del color rojo. Vamos a ir un poquito más allá. No quiero 00:02:52
un texto, quiero un número. Y para eso voy a crear una variable de tipo Integir. 00:02:58
Y le voy a decir que empiece en 100. Y le digo a mi texto que su texto es el 00:03:04
countdown nada más empezar y me dará error porque me da error si nos ponemos encima lo sabremos 00:03:13
porque no se puede poner un número entero a un string lo pone ahí claramente podemos hacer dos 00:03:17
cosas uno o concatenarlo con un texto entonces ahora mismo nada más lanzar el juego pondrá que 00:03:24
efectivamente voy a hacerlo más grande para que quepa y pondrá que ahí está y esto sí me deja 00:03:36
porque un número entero concatenado con una cadena de texto es una cadena de 00:03:45
texto en total pero también si no queremos hay un método que es el que nos 00:03:49
sugiere visual estudio que es tu string que significa conviérteme este número en 00:03:54
una cadena de texto y eso ya ahora es una cadena de texto y si tenemos un 00:03:58
poquito de imaginación cuidado con las tildes de acuerdo le voy a decir que 00:04:01
canda un menos menos menos y duplico esta línea y la bajo para 00:04:12
abajo y voy a invocarme a mí mismo dentro de 00:04:19
un segundo. Existe un método también llamado InvokeRepeating que hace más o 00:04:29
menos esto. Podría funcionar, lo que pasa es que a diferencia de las corrutinas, lo 00:04:34
digo por si alguien tiene esa duda, no permite cambiar el intervalo en mitad 00:04:38
de la ejecución y para un invoque es un poco más complicado que para una 00:04:42
cortina. En cualquier caso, esta construcción de baja tecnología me vale 00:04:46
y básicamente lo que voy a hacer es que nada más empezar llamo a este método y 00:04:49
¿qué va a hacer? Restarle 1 al contador y invocarse a sí mismo dentro de un 00:04:55
segundo. ¿Por dónde va a empezar? ¿Por 100 o por 99? 00:05:02
Bueno, eso es lo que tendríamos que saber si fuésemos programadores. 00:05:06
Obviamente va a empezar por 99. ¿Por qué? Pues os lo dejo a vosotros para que lo penséis. 00:05:09
Idioma/s:
es
Materias:
Programación, Imagen y Sonido
Etiquetas:
Animación
Niveles educativos:
▼ Mostrar / ocultar niveles
  • Formación Profesional
    • Ciclo formativo de grado superior
      • Primer Curso
      • Segundo Curso
Autor/es:
Alvaro Holguera Gozalo
Subido por:
Alvaro H.
Licencia:
Reconocimiento - No comercial - Compartir igual
Visualizaciones:
41
Fecha:
21 de octubre de 2025 - 9:15
Visibilidad:
Público
Centro:
CFP JOSÉ LUIS GARCI
Duración:
05′ 15″
Relación de aspecto:
1.78:1
Resolución:
1280x720 píxeles
Tamaño:
62.57 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid