Saltar navegación

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

Vídeo 6. Ejemplos variables - 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 6 de octubre de 2020 por Juan Luis C.

71 visualizaciones

Muestra un programa o sketch donde se usan variables.

Más información Transcripción

Descargar la transcripción

Hola, muy buenas. En este videotutorial vamos a ver un ejemplo de uso de variables. 00:00:01
Vamos a partir del ejemplo que teníamos del Mickey Mouse, al que le hemos añadido unos comentarios 00:00:06
simplemente para saber lo que hace cada una de las funciones. 00:00:11
Vemos que en este caso la línea 3 dibuja la cara, la línea 4 una oreja y la línea 5 la otra. 00:00:16
Este código aquí os recuerdo que no se va a compilar todo lo que son comentarios, que van después de la barra, barra. 00:00:23
Bueno, vamos a ejecutarlo para ver que efectivamente funciona 00:00:28
Y ahora vamos a intentar desplazarlo hacia la izquierda 00:00:33
Por ejemplo, una cantidad de 100 píxeles 00:00:37
Si yo quiero desplazar un muñeco como este 00:00:40
Lo que tendré que hacer es restar en cada una de las coordenadas X 00:00:43
Tendría que venirme a mi código, buscar donde se dibuja ese objeto 00:00:48
Buscar donde están las coordenadas y ir modificando 00:00:54
A la primera coordenada le restaría 100, al segundo círculo, a la coordenada x, le restaría otro 100, y al tercer círculo, a la coordenada x, le volvería a restar otro 100. 00:00:58
Bueno, en esta figura que es sencillita y que hemos restado un número redondo, pues no tenemos que hacer muchas cuentas. 00:01:13
tenemos poco código, se ve fácilmente 00:01:20
pero en programas más grandes o en figuras más complejas 00:01:24
tener que andar moviendo o cambiando cada una de las coordenadas 00:01:26
puede dar lugar primero a mucho trabajo y luego a muchos errores 00:01:31
para evitar esto vamos a crearnos una variable 00:01:36
que voy a llamar coordenadaX 00:01:41
y modificando el valor de esa variable 00:01:44
Pues vamos a desplazar el Mickey Mouse 00:01:48
Bueno, ya sabéis que en Java las variables deben tener un tipo 00:01:51
Yo la voy a poner de tipo entero 00:01:55
Ya que vamos a estar trabajando con píxeles 00:01:57
Y a continuación pondremos el nombre 00:02:00
Fijaros como en el nombre 00:02:03
La primera palabra va en minúscula 00:02:06
La segunda, la primera letra solo tiene una 00:02:08
En este caso sería en mayúsculas 00:02:11
Y vamos a asignarle el valor 00:02:13
Que tenemos actualmente en el primer círculo 00:02:16
Es decir, el valor de 100 00:02:19
Bueno, fijaros, mi entorno de desarrollo es bastante inteligente 00:02:21
Como reconoce la palabra reservada int 00:02:28
Que significa entero 00:02:30
Pues me lo pone de un color 00:02:32
Además, me ha subrayado esta variable que me acabo de crear 00:02:35
Porque se da cuenta que me he creado una variable 00:02:39
Pero no la estoy utilizando en el resto del programa 00:02:42
Y está como mosqueado 00:02:44
Oye, ¿para qué esta variable? 00:02:45
si no la has utilizado. Esperemos a que cuando la utilicemos va a dejar de estar subrayada. De hecho vamos a copiarla y la vamos a poner aquí, sustituyendo a la coordenada x 00:02:47
del primer círculo, que en este caso vale lo mismo. A continuación con el segundo círculo vamos a intentar conseguir que una expresión matemática que utilizando la coordenada x 00:03:01
me dé el valor 40. Pues si la coordenada x inicialmente vale 100 y quiero que valga 40, pues restando 60, 100 menos 60, tendría 40. 00:03:14
Y voy a hacer lo mismo con la coordenada x del tercer círculo. Tengo que buscar una expresión matemática que utilizando esta variable me dé 160. 00:03:29
Eso lo vemos muy rápido porque lo que tendré que hacer es sumar a la coordenada x el valor de 60. Ejecutamos y vemos que la figura está bien, como cabría esperar. 00:03:39
Pero ahora fijaros, si yo quiero desplazar hacia la derecha 50 píxeles, ya no tengo que andar modificando cada una de las coordenadas, sino que directamente modifico el valor de la variable y vemos como efectivamente se desplaza toda la figura. 00:03:54
Bueno, podríamos hacerlo lo mismo para terminar con la coordenada Y. Fijaros que copio la línea de código, no ando escribiendo la entera, y sustituyo aquellos valores que considere que tenga que sustituir. 00:04:08
En este caso el nombre, la Y, y le voy a dar inicialmente el valor de 200 para que me coincida con el valor del primer círculo. 00:04:24
Y de nuevo sustituiré el valor de 200 por la variable. 00:04:34
Y aquí haré algo similar a lo que hice antes. Voy a intentar conseguir el valor de 110 pero utilizando una expresión matemática donde esté la variable. 00:04:40
En este caso será la variable menos 90. 00:04:49
y para conseguir otra vez 110 pues tendré que hacer lo mismo 00:04:53
así que directamente voy a copiar todo y lo voy a poner donde el 110 00:04:56
ahora cuando ejecute compruebo que efectivamente la cara del Mickey Mouse se dibuja adecuadamente 00:05:01
y luego puedo ver que modificando el valor de la coordenada Y se va a desplazar el Mickey Mouse 00:05:09
sin tener que andar calculando en cada ocasión cuáles son los valores adecuados en cada parámetro de la función. 00:05:16
Bueno, hasta aquí hemos visto un ejemplo de uso de variables, pero vamos a ver que la variable la vamos a utilizar para muchas cosas dentro de los programas. 00:05:27
De momento, hasta aquí el vídeo de hoy. 00:05:37
Valoración:
  • 1
  • 2
  • 3
  • 4
  • 5
Eres el primero. Inicia sesión para valorar el vídeo.
Idioma/s:
es
Autor/es:
Juan Luis Carrillo
Subido por:
Juan Luis C.
Licencia:
Reconocimiento - No comercial - Compartir igual
Visualizaciones:
71
Fecha:
6 de octubre de 2020 - 7:36
Visibilidad:
Público
Centro:
IES SEVILLA LA NUEVA
Duración:
05′ 42″
Relación de aspecto:
1.78:1
Resolución:
1366x768 píxeles
Tamaño:
7.71 MBytes

Del mismo autor…

Ver más del mismo autor

Comentarios

Para publicar comentarios debes entrar con tu nombre de usuario de EducaMadrid.

Comentarios

Este vídeo todavía no tiene comentarios. Sé el primero en comentar.


EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid