Saltar navegación

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

Video_6.1_Haciendo_Un_Cuadrado - 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 30 de septiembre de 2024 por Javier A.

4 visualizaciones

Más información Transcripción

Descargar la transcripción

En este vídeo vamos a volver a trabajar sobre los distintos valores de X e Y que puede tomar nuestro muñeco, nuestro objeto en nuestra pantalla, la pantalla donde se va a ir moviendo el objeto y también veremos cómo podemos hacer para que nuestro muñeco vaya pintando. 00:00:00
Lo que hará nuestro programa será, bueno, también vamos a ver cómo podemos hacer para que nuestro muñeco nos diga cosas a nosotros. 00:00:26
El programa va a ser el siguiente. 00:00:37
El muñeco primero nos dirá que va a hacer un cuadrado, se pondrá en una esquina y se moverá hasta la siguiente. 00:00:39
Pintando, va pintando a medida que se va desplazando a cada lado del cuadrado 00:00:46
y pues diciéndonos si está en la primera esquina, en la segunda, en la tercera, en la cuarta o si ya ha terminado. 00:00:53
Lo primero que vamos a hacer entonces va a ser poner el fondo donde se nos ven las coordenadas, se nos ven los valores de x y y. 00:01:01
Vamos a escenario, vamos a elegir un fondo y buscamos, ponemos x y y en el buscador y cogemos el que se llama x y y. 00:01:10
y sin nada más, solo x, y, di, que es el fondo que tiene las coordenadas. Vamos a borrar 00:01:21
el fondo, lo vamos aquí arriba, con el escenario seleccionado, lo vamos arriba a fondo, borramos 00:01:31
el fondo en blanco, ya está, nos quedamos con el fondo que queremos. Vale, vamos ya 00:01:37
al muñeco, entonces como siempre vamos al dato, como siempre lo primero a eventos ponemos 00:01:42
el de hacer clic en la bandera, ahora en movimiento ponemos el de ir a XY para ponerle el punto 00:01:48
en donde yo quiero que empiece el muñeco, apuntar en dirección para ponerle hacia donde 00:02:01
yo quiero que empiece el muñeco y el de fijar tamaño para ponerle el tamaño al que yo 00:02:10
quiero que empiece el muñeco. Entonces, el gato va a empezar siempre en el medio. En 00:02:17
el medio, si os fijáis, aquí, ¿vale? Fijamos en el escenario que hemos puesto, tenemos 00:02:21
el centro de nuestra pantalla es x0 y 0, es decir, 0, 0. Habíamos dicho que cuando yo 00:02:30
iba de derecha a izquierda, que lo tenemos aquí, cuando yo iba de derecha a izquierda 00:02:38
o de izquierda a derecha, lo que me cambia es el valor de x. Entonces, si nos fijamos 00:02:42
aquí, sobre todo en la línea naranja, yo en el borde izquierdo, en el extremo izquierdo 00:02:47
de mi pantalla, la x vale menos 240. Conforme voy yendo a la derecha, pues menos 200, por 00:02:55
aquí estará el menos 150, menos 100, aquí estaría el menos 50, llego al centro del 00:03:02
0, es decir, va aumentando desde menos 240 a 0, y desde el centro a la derecha también 00:03:09
va aumentando, 100, 200 y en la parte más derecha x igual a 240. La y si nos fijamos 00:03:16
cuando yo voy de izquierda a derecha, la y no varía su valor, siempre es cero, solo 00:03:24
de izquierda a derecha en lo que sería la horizontal, cuando mi muñeco, cuando mi objeto 00:03:35
se desplace en la horizontal, que aquí es lo naranja, lo que varía es la X y la Y se 00:03:42
mantiene constante. En cambio, si venimos aquí, vemos que la Y tiene la flecha hacia 00:03:49
arriba y hacia abajo. ¿Qué quiere decir? Que la Y va a variar su valor cuando yo me 00:03:54
desplace en vertical, cuando me desplace de arriba a abajo o de abajo a arriba. Si vemos 00:03:59
en la parte de abajo la Y es menos 180, en el centro la Y es 0 y más arriba la Y es 00:04:04
180. Entonces, vamos a trabajar ahora en lo de movernos 00:04:11
para ir viendo eso. Cómo cuando yo voy 00:04:15
en la horizontal lo que cambia es X y cuando voy en la vertical lo que cambia es Y. 00:04:19
Entonces, hemos dicho el dato que vamos a querer 00:04:26
que empiece en el medio. Entonces le hemos puesto el X cero y cero. 00:04:29
Vamos a bajarle un poco el tamaño para que no sea tan grande. 00:04:33
Vamos a bajar, por ejemplo, el 60%. 00:04:36
Le doy a la bandera, se me ha colocado en el medio y se me ha hecho más pequeño 00:04:39
Si volvemos un momento a cómo tiene que quedarnos el resultado 00:04:45
Es cómo nos tiene que quedar 00:04:54
Entonces empieza así 00:04:56
Y que ahí dice, nada más empezar, dice vamos a hacer el cuadrado 00:04:57
Entonces vamos a ver cómo ponemos eso de que el gato nos diga algo 00:05:01
Si nos vamos, bueno, en movimiento decimos que teníamos las cosas de moverse 00:05:07
o de mirar el gato hacia un sitio u otro 00:05:11
que al final es moverse, no es un giro 00:05:13
entonces el movimiento no lo vamos a tener 00:05:15
vamos a apariencia 00:05:17
en apariencia hasta ahora lo hemos utilizado 00:05:20
para cambiar el tamaño del objeto 00:05:22
o para cambiar el disfraz 00:05:25
lo que habíamos hecho por ejemplo en la mujer 00:05:29
para que fuese andando 00:05:32
pero además de eso 00:05:33
también tenemos estos cuatro primeros 00:05:35
que son decir y pensar 00:05:38
Que es para nosotros ver ese bocadillo 00:05:40
De que algo nos dice el gato 00:05:43
La diferencia entre decir y pensar 00:05:45
Simplemente está en cómo es el bocadillo 00:05:47
Si utilizamos el de decir 00:05:54
Si os fijáis, el bocadillo es como liso 00:05:56
En cambio, si utilizamos el de pensar 00:05:58
¿Veis? Tenemos aquí los circulitos 00:06:01
La diferencia está 00:06:05
aquí en el decir 00:06:08
es todo continuo 00:06:12
y en el pensar 00:06:14
y en el pensar 00:06:15
tenemos los circulitos 00:06:18
entonces nos da igual uno que otro 00:06:21
nosotros vamos a utilizar por ejemplo el decir 00:06:23
entonces tengo 00:06:25
mi inicio, que hemos dicho que siempre al inicio 00:06:26
en cualquier objeto ponemos 00:06:29
el hacer clic en bandera 00:06:31
la posición que quiero que empiece 00:06:32
hacia donde quiero que empiece 00:06:35
y el tamaño que quiero que empiece 00:06:36
y hemos visto que lo primero que decía el muñeco es 00:06:37
vamos a hacer un cuadrado, entonces pongo el decir hola durante dos segundos 00:06:41
y me dice hola, yo no quiero que me diga hola, yo quiero que me diga 00:06:45
vamos a hacer un cuadrado, entonces aquí 00:06:49
yo borro eso y escribo 00:06:52
vamos a hacer 00:06:57
un cuadrado, y compro, vale, está bien 00:07:00
¿Dónde vamos a empezar nuestro cuadrado? 00:07:07
Nuestro cuadrado lo vamos a empezar a hacer en este punto de aquí 00:07:10
En esta esquina 00:07:14
En esta esquina de aquí 00:07:16
Si vemos, para saber yo las coordenadas de un punto, lo que hago es 00:07:18
Primero, este punto lo llevo hacia 00:07:22
En este caso, como está arriba, hacia abajo, ¿vale? 00:07:26
Lo llevo hacia la horizontal, hacia la línea naranja 00:07:29
Y eso me dice el valor de x 00:07:31
¿Veis? x es la naranja, entonces yo lo llevo hacia la naranja 00:07:34
Y me dice el valor de X, que en este caso es 100 00:07:37
Entonces yo sé que este punto va a ser X100 00:07:40
Y llevo el punto hasta la línea azul 00:07:43
La línea azul vertical 00:07:48
Y me dice el valor de Y 00:07:50
Y es 100 00:07:51
Entonces, como yo quiero que el gato se mueva ahí 00:07:53
Pues ir a X, hemos dicho que es 100 00:07:58
Y hemos dicho que es 100 00:08:01
Veamos si lo hace 00:08:03
Vamos a hacer un cuadrado 00:08:04
Y perfecto, se ha situado 00:08:06
Ahora, después, cuando se sitúa aquí 00:08:08
Esta va a ser la primera esquina del cuadrado 00:08:13
Entonces cuando se sitúa ahí 00:08:14
Queremos que el gato diga 00:08:15
Estoy en la primera esquina del cuadrado 00:08:19
Y comprobamos que lo hace 00:08:27
Vamos a hacer un cuadrado, se sitúa y me lo dice 00:08:29
Perfecto 00:08:32
Ahora, la siguiente esquina 00:08:33
El cuadrado va a ser esta de aquí. Lo mismo, saco su valor de x, cojo el punto y voy hacia la línea naranja. Me dice que x es menos 100. 00:08:37
Cojo el punto y voy hacia la línea azul para ver el valor de Y 00:08:51
Y me dice que Y es 100 00:08:57
Entonces este punto será el menos 100 00:08:59
Hacia la línea naranja me ha dicho menos 100 00:09:02
En X 00:09:06
Y 100 00:09:10
Cojo el punto y voy hacia la línea azul 00:09:12
Y me dice Y 00:09:14
Entonces movimiento 00:09:15
¿Qué ocurre? 00:09:17
si yo cojo el x 00:09:19
y el ir a x y 00:09:21
con el menos 100 00:09:23
vamos a hacer un cuadrado 00:09:25
y se ha teletransportado 00:09:27
si nosotros vemos 00:09:31
como tiene que ser el resultado 00:09:32
vemos que no se teletransporta 00:09:35
sino que se va 00:09:38
deslizando 00:09:40
entonces en vez de ir a x y 00:09:43
cogemos el de deslizar 00:09:45
en un segundo 00:09:47
Vamos a ponerle aquí un 2 00:09:48
Para que vaya un poquito más lento 00:09:51
Entonces se teletransporta a la primera esquina 00:09:53
Y ahora se va moviendo a la segunda 00:09:57
Entonces cuando llegue ahí 00:10:00
El gato me tendrá que decir 00:10:01
Estoy en la segunda esquina del cuadrado 00:10:03
Entonces ya tengo la primera y la segunda esquina 00:10:11
¿Cuál es la tercera? 00:10:19
Este punto aquí abajo 00:10:20
Este punto de aquí 00:10:21
Entonces, vemos su valor de x 00:10:23
Desde el punto voy en línea recta hasta la línea naranja 00:10:28
Y veo que es x menos 100 00:10:32
Entonces, otra vez el deslizar 00:10:35
Para que se vuelva a deslizar 00:10:41
Entonces, x menos 100 00:10:43
Y la y, cojo el punto y me voy a la línea vertical azul 00:10:46
Y menos 100 00:10:53
Este punto, y menos 100 00:10:55
X, menos 100 y menos 100 00:10:58
Compruebo 00:11:02
Empezamos 00:11:03
Estoy en la primera esquina 00:11:04
Se mueve hasta la segunda 00:11:06
Estoy en la segunda esquina 00:11:09
Y se mueve hacia la tercera 00:11:10
Entonces está ahí en la tercera 00:11:15
Y ahora me dirá 00:11:17
Cuando ha llegado a la tercera 00:11:20
Me dirá 00:11:22
Estoy en la tercera esquina 00:11:23
del cuadrado 00:11:28
y ya simplemente me falta la cuarta 00:11:31
la cuarta que está aquí 00:11:33
es lo mismo, veo su valor de x 00:11:35
cojo el punto y voy hacia la línea naranja 00:11:37
x 100 00:11:39
y veo su valor en y 00:11:41
desde el punto en línea recta 00:11:43
hasta la línea vertical azul 00:11:46
y menos 100 00:11:48
entonces x 100 00:11:50
y menos 100 00:11:52
deslizar 00:11:54
un segundo 00:12:01
X hemos dicho que era 100 00:12:03
Y la Y hemos dicho que era menos 100 00:12:06
Y que me diga 00:12:10
Estoy en la cuarta esquina del cuadrado 00:12:13
Estoy en la primera 00:12:24
Se desliza 00:12:29
Estoy en la segunda 00:12:31
Se desliza 00:12:33
Estoy en la tercera 00:12:35
Se desliza 00:12:37
Estoy en la cuarta 00:12:39
Vale, ya simplemente 00:12:41
Pues nos queda 00:12:43
que vuelva arriba 00:12:44
que vuelva arriba para cerrar el cuadrado 00:12:47
ponemos el deslizar 00:12:49
este punto 00:12:52
pues vemos x 100 00:12:53
y 100 00:12:56
100 y 100 00:12:58
y pues cuando acabe 00:13:02
que nos diga 00:13:04
he terminado el cuadrado 00:13:05
he terminado 00:13:07
el cuadrado 00:13:12
vamos a comprobar que hace bien el cuadrado 00:13:14
y ahora vamos a ver como lo pinta 00:13:22
Estoy en la segunda, se desliza, estoy en la tercera, se desliza, estoy en la cuarta, se desliza y he terminado el cuadrado. 00:13:24
Antes de pasar a hacer que el gato pinte, vamos a volver a comprobar lo de los valores de x y de y. 00:13:39
Nosotros hemos dicho al principio del vídeo que los valores de x me cambian cuando voy de derecha a izquierda 00:13:52
Es decir, por ejemplo, cuando yo voy de esta esquina, de la primera esquina, a la segunda esquina 00:14:02
Que voy, en este caso, de derecha a izquierda, voy en la horizontal 00:14:07
Lo que tiene que cambiarme es el valor de x, entonces vamos a comprobarlo 00:14:10
Estoy en la primera esquina, es decir, la primera esquina era el 100-100 00:14:16
Estoy en la primera esquina y me muevo, este de deslizar es hacia la segunda 00:14:20
Entonces comprobamos, vemos, ¿veis? Mi valor de X ha cambiado, pero mi valor de Y no 00:14:26
La Y es la altura, imaginaros que la línea naranja es como el suelo 00:14:31
Entonces la Y es la altura, el gato ha ido desde esta esquina hasta esta otra esquina 00:14:39
Entonces, ha estado siempre a la misma altura, ¿vale? 00:14:47
Es como si se moviese en un piso, en la planta de un edificio, siempre en la misma planta. 00:14:50
Entonces, por eso, su valor de Y no cambia. 00:14:59
En cambio, cuando yo voy de arriba a abajo, lo que cambia es la Y, ¿vale? 00:15:03
Lo que cambia es la altura. 00:15:07
Es como si yo estoy en un edificio y voy de la primera planta, por ejemplo, al sótano. 00:15:09
Entonces, voy de la primera planta, que por ejemplo es la Y100, al sótano, que es la Y-100 00:15:15
Por eso, cuando voy aquí, que es la segunda esquina, la X-100, cuando voy de esa segunda esquina a la tercera 00:15:23
Lo que hago es ir desde aquí hacia abajo, lo que me cambia es el valor de Y-100 en un caso y 100 en otro 00:15:34
Pero el valor de x se mantiene. 00:15:44
Recordad, el valor de x solo cambia cuando voy de izquierda a derecha. 00:15:47
Si me muevo de izquierda a derecha o de derecha a izquierda, varía mi valor de x. 00:15:53
Y la y se mantiene, porque estoy a la misma altura. 00:16:00
Cuando voy de arriba a abajo, o de abajo a arriba, lo que cambia es el valor de y. 00:16:04
Eso nos tiene que quedar claro porque en otros vídeos utilizaremos esto de que a la misma altura, en la misma horizontal, los valores de Y no cambian 00:16:12
Y en la misma vertical, es decir, si yo estoy en un sitio aquí y simplemente me muevo de arriba a abajo, lo que no cambian son los valores de X 00:16:25
O sea, porque eso lo utilizaremos en unos programas más adelante. 00:16:39
Eso tiene que quedar claro, ¿vale? 00:16:46
Cómo varía la X y cómo varía la Y si yo me muevo de derecha a izquierda, 00:16:49
o sea, si yo me muevo en horizontal, o si me muevo en vertical, de arriba a abajo. 00:16:54
Izquierda a derecha cambia X. 00:17:00
Arriba a abajo cambia Y. 00:17:05
Cambia uno y el otro se mantiene. 00:17:08
De izquierda a derecha cambia X e Y se mantiene 00:17:11
Y de arriba a abajo cambia Y y X se mantiene 00:17:14
Eso que nos quede claro 00:17:19
Ahora vamos a hacer que el gato pinte 00:17:20
Ya tenemos el cuadrado hecho y nos va diciendo en qué esquina está 00:17:25
Para hacer que pinte 00:17:31
No tenemos esos bloques en los bloques que no vienen por defecto 00:17:34
Tenemos que añadirlos 00:17:38
Entonces, ¿cómo añadimos bloques? 00:17:39
Pues si nos venimos aquí a la parte izquierda, ¿vale? 00:17:41
Tenemos lo de movimiento, apariencia, sonido, tal, tal, tal. 00:17:44
Y si seguimos hacia abajo, vemos que tenemos aquí que parecen como dos bloques, ¿no? 00:17:48
Uno encima del otro y el símbolo más. 00:17:54
Y si pongo yo el ratón encima, si yo pongo el ratón encima, me sale ahí añadir extensión. 00:17:57
Entonces, clico ahí y me aparece esto. 00:18:03
Estos son bloques que por defecto no vienen, pero que podemos utilizar. 00:18:06
Por ejemplo, este texto a voz, si yo quisiese, si yo utilizase estos bloques, podría hacer que el gato, en vez de simplemente que me ponga en la pantalla, voy a hacer un cuadrado, que el gato me hablase y eso me lo dijese, lo escuchase yo. 00:18:12
Entonces nosotros con lo que queremos pintar vamos a utilizar el de lápiz. 00:18:28
lápiz 00:18:32
me pone dibuja con tus objetos 00:18:33
entonces clico en el lápiz 00:18:35
y veis aquí abajo se me han añadido unos 00:18:37
bloques nuevos, los bloques relacionados con el lápiz 00:18:40
entonces en estos bloques tenemos 00:18:44
distintas opciones nosotros vamos a 00:18:46
utilizar 00:18:49
primero el de bajar lápiz 00:18:52
nosotros cuando vamos a pintar por ejemplo en un folio 00:18:53
tenemos el lápiz en la mano y qué es lo que hacemos para pintar 00:18:57
El lápiz, pues el programa es igual, imaginaros que vosotros, que el gato, tuviese aquí un lápiz en la mano y para que empiece a pintar, pues me lo tiene que bajar. 00:19:01
¿Cuándo me lo va a bajar? Pues como yo quiero que me pinte el cuadrado, una vez que esté aquí colocado, que esté en la primera esquina, pues será cuando empiece a pintar. 00:19:12
Entonces, estoy en la primera esquina del cuadrado y después de decirme eso va a ser cuando baje el lápiz. 00:19:21
Vamos a ver lo que hace 00:19:26
Vamos a hacer un cuadrado 00:19:30
Estoy en la primera línea del cuadrado 00:19:34
Y empieza a pintar 00:19:36
Vale, entonces vamos a ver 00:19:40
Idioma/s:
es
Autor/es:
Javier Arias Álvarez
Subido por:
Javier A.
Licencia:
Reconocimiento
Visualizaciones:
4
Fecha:
30 de septiembre de 2024 - 20:08
Visibilidad:
Público
Centro:
sies vega del tajuña
Duración:
19′ 45″
Relación de aspecto:
2.10:1
Resolución:
1920x914 píxeles
Tamaño:
1.04

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid