Saltar navegación

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

Video_6.2_Pintando_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.

8 visualizaciones

Más información Transcripción

Descargar la transcripción

Nos habíamos quedado en el vídeo anterior, entonces, en que el gato hacía el cuadrado y pintaba. 00:00:00
Vamos a ver cómo lo hace el gato. 00:00:09
Se va a la primera esquina, aquí baja el lápiz y empieza a pintar. 00:00:39
Llega a la segunda, como el lápiz sigue bajado sigue pintando, llega a la tercera, lo mismo, sigue el lápiz bajado, sigue pintando, llega a la cuarta y sube y ya termina. 00:00:44
Y ahí termina nuestro programa. 00:00:56
Ha pintado bien el cuadrado y parece que nuestro programa está bien hecho. 00:00:59
Vamos a pararlo y volverlo a empezar. 00:01:03
¿Qué ha ocurrido? 00:01:07
Nos ha hecho aquí una línea. 00:01:08
¿Por qué? 00:01:10
Si nosotros venimos a nuestro código, ¿qué ocurre? 00:01:12
Nosotros aquí le dijimos que bajase el lápiz. 00:01:16
Entonces el gato bajó el lápiz, que era esta quina, y empezó a pintar. 00:01:19
Terminó nuestro programa y el gato seguía con el lápiz bajado. 00:01:24
Entonces, como nosotros no le hemos dicho que suba el lápiz 00:01:27
Luego cuando el programa ha vuelto a empezar 00:01:31
Y hemos ido a la posición 0,0 00:01:33
El lápiz seguía bajado 00:01:35
Por eso nos hizo esta línea al empezar el programa 00:01:36
Y luego cuando va a la primera esquina 00:01:39
Cuando pasa por aquí, como el lápiz sigue bajado 00:01:43
Vuelve a pintarnoslo 00:01:47
Entonces, cuando nosotros usemos el lápiz 00:01:48
En nuestro programa, en un sitio le diremos que baje el lápiz 00:01:51
Tenemos que usar también el de subir lápiz 00:01:54
Que pondremos al principio 00:01:57
¿Para qué? 00:01:59
Para que antes de empezar a pintar suba el lápiz 00:02:01
Si lo ponemos así, ¿qué ocurre? 00:02:03
Ahí sigue pintando 00:02:07
¿Sigue pintando o no? No lo sabemos 00:02:08
Porque está pintado lo de antes 00:02:10
Entonces también vamos a utilizar el de borrar todo 00:02:12
¿Veis? Ya lo he hecho bien 00:02:15
Vamos a poner el de borrar todo después de subir el lápiz 00:02:17
Porque si yo borro y luego subo el lápiz 00:02:21
Entre que borro y subo el lápiz 00:02:24
Puedo pintar, puedo haber pintado algo que no quiero 00:02:26
Entonces igual que nosotros al principio de nuestro programa 00:02:29
Hemos dicho que ponemos siempre 00:02:32
La posición en la que quiero que empiece mi objeto 00:02:34
Hacia donde quiero que mire 00:02:38
Y el tamaño que quiero que tenga 00:02:39
Pues si pintamos 00:02:41
También pondremos siempre al principio 00:02:43
Que suba el lápiz 00:02:45
Por si acaso se había quedado bajado de antes 00:02:46
y que me borre lo que me haya pintado 00:02:49
vamos a comprobar 00:02:52
ahora no ha pintado 00:02:54
pinta 00:02:59
va pintando bien 00:03:00
vamos a esperar a que termine de hacer el cuadrado 00:03:02
ha terminado de hacer el cuadrado 00:03:10
y ahora paramos nuestro programa y volvemos a empezar 00:03:13
ya no ha pintado esa línea que hizo antes 00:03:17
y además me lo ha borrado todo 00:03:21
lo que yo le he hecho al principio 00:03:22
del programa que me haga eso 00:03:24
Que me suba el lápiz y que me lo borre 00:03:26
¿Qué más opciones tenemos en pintar? 00:03:28
Bueno, por ejemplo, imaginaros que yo quiero que me pinte la horizontal pero no la vertical 00:03:31
Pues simplemente lo que tendría que hacer es 00:03:36
Estoy en la primera esquina, bajo el lápiz 00:03:38
Este deslizar es que me pinte esta línea horizontal, ¿no? 00:03:41
De ir de la primera a la segunda esquina 00:03:46
Estoy en la segunda esquina 00:03:48
Y yo ahora, esta que baja, no quiero que me la pinte 00:03:50
Pues podría ponerle aquí 00:03:53
Estoy en la segunda esquina 00:03:55
Antes de que se empiece a mover a la tercera 00:03:57
Subo el lápiz, no me pinta 00:03:59
Y luego quiero que me pinte el resto 00:04:01
Pues bajo el lápiz 00:04:03
Vamos a comprobarlo 00:04:06
Lo tiene que pintar ahora todo 00:04:08
Menos esta 00:04:10
Esta de aquí no la debería pintar 00:04:11
¿Veis? 00:04:14
Esa no la pinta 00:04:15
Llega aquí y me pinta 00:04:16
Y ya el resto, esta que sube 00:04:19
También me la pintará porque no le he dicho que no me la pinte 00:04:22
Para que sepamos que dentro de mi dibujo yo puedo ver partes que pinte y partes que no pinte. 00:04:24
Vamos a quitar estas dos para que me pinte el cuadrado entero. 00:04:32
¿Qué más opciones tenemos? Podemos elegir el color que pinte. 00:04:38
Yo, por ejemplo, puedo decir que quiero que cada lado del cuadrado me lo pinte de un color. 00:04:42
Por ejemplo, yo aquí, cuando está en la primera esquina y me baja el lápiz, le digo que me ponga el color rojo. 00:04:50
Luego cuando llegue a la segunda esquina, antes de pasar a la siguiente, que me lo pinte en verde, oscuro. 00:04:57
Así lo podría hacer con las otras. 00:05:09
Empiezo aquí, me pinta la primera roja, lo que le he dicho, y ahora esta de aquí me la debería pintar verde, 00:05:12
y el resto también verde, porque es el color que yo he quedado fijado. 00:05:20
Ahora paro, vuelvo a empezar y me la vuelvo a pintar esta roja, ¿vale? 00:05:30
Porque yo ahí le he dicho que me la pintase roja. 00:05:38
Esto igual, si yo quiero que empiece el lápiz siempre en un color, podría ponerla aquí arriba, ¿vale? 00:05:42
El de fijar lápiz y el color que yo quiero que empiece siempre el lápiz. 00:05:48
¿Vale? ¿Qué más podemos? 00:05:53
Bueno, el color podemos fijarlo, cambiar color de lápiz por 10, ¿vale? 00:05:55
Nosotros el color internamente son números 00:05:59
Cada color es como un número 00:06:03
O sea, si veis, aquí estoy en 0 y aquí estoy en 100 00:06:05
Por ejemplo, 0, el 10 es como naranja 00:06:11
El 20 es como verde, el 30 es verde 00:06:15
El 40 es como un azul verdoso, el 50 es un azul más claro 00:06:20
El 60 es un azul más oscuro 00:06:24
O sea, va variando aquí el valor de color 00:06:26
Entonces, si yo en vez de un color fijo, quiero que vaya como cambiando automáticamente al siguiente color, por así decirlo 00:06:29
Pues podría ponerle aquí cambiar color 00:06:38
Además de cambiar color, tenemos aquí la opción de saturación, brillo y transparencia 00:06:41
Que son estas, saturación, brillo y transparencia es para que se vea lo que tenemos detrás o no 00:06:47
Y otra opción que tenemos es cambiar tamaño del lápiz o fijar tamaño del lápiz 00:06:53
es por defecto el tamaño del lápiz 1, que es esto, que es finito 00:06:58
si yo quisiese por ejemplo pintar con un lápiz gordo 00:07:03
le voy a poner aquí 50 para que lo veáis 00:07:07
empiezo y ahora como le he dicho 50, veis, me pinta mucho más gordo 00:07:11
son 50, si yo contase desde aquí hasta aquí arriba 00:07:18
en la vertical por ejemplo, de aquí a aquí 00:07:24
tendría 50 píxeles 00:07:27
por así decirlo 00:07:33
simplemente lo que tenemos ahí, fijar lápiz 00:07:36
también podría hacer cambiar lápiz 00:07:40
voy a poner cambiar lápiz por 10 00:07:43
voy a poner aquí primero un fijar 00:07:48
¿qué va a pasar? al principio, la primera vez 00:07:53
Pinta así 00:08:01
Ahora vuelvo a empezar 00:08:04
Ahora va a ser más grande 00:08:05
¿Veis? Es más grande 00:08:07
Si vuelvo a empezar 00:08:10
Es todavía más grande 00:08:12
Y así pues cada vez iría haciéndose más grande 00:08:15
Porque el cambiar tamaño 00:08:18
Del ahí por 10 00:08:20
Es igual que en apariencia 00:08:21
Que teníamos de cambiar tamaño por 10 00:08:23
Que si acordáis lo que hacía 00:08:26
Era tamaño 00:08:28
Iba sumando cada vez que pasaba por ese bloque 10 00:08:29
Entonces aquí cambiar tamaño del lápiz por 10 es lo mismo 00:08:32
Lo que hace pues 00:08:36
Si el lápiz es la primera vez que yo le doy a la bandera 00:08:37
Empieza su tamaño en 1 00:08:40
La siguiente vez que le doy a la bandera 00:08:41
Y pase por aquí su tamaño será 11 00:08:43
La siguiente 21, 31 00:08:45
Por eso se va haciendo más grande 00:08:47
Entonces terminamos aquí 00:08:50
Ya el programa de hacer 00:08:53
Que el gato pinte un cuadrado 00:08:55
Que el gato vaya haciendo un cuadrado 00:08:57
y lo vaya pintando 00:09:00
vamos a poner esto bien 00:09:03
para que veamos otra vez como pinta el cuadrado 00:09:08
empieza ahí y lo va haciendo fino 00:09:11
y ahora lo hace verde porque hemos dejado lo de aquel color 00:09:13
lo cambie solo 00:09:17
va a verde, sube 00:09:20
y me termina de decir que he terminado el cuadrado 00:09:23
vamos a ver una cosa 00:09:28
Cada vez que va avanzando el gato veis que el lápiz se va haciendo más grande 00:09:34
Es para que veáis lo del cambiar tamaño 00:09:41
Yo lo que he hecho ha sido simplemente poner dentro de una estructura iterativa, dentro de un por siempre 00:09:44
Que el gato se vaya moviendo 10 pasos, es decir, medio segundo 00:09:51
Y cada vez que se mueve esos 10 pasos el tamaño del lápiz aumenta en 5 00:09:56
Hay que recordar que cambiar tamaño del lápiz por, cambiar tamaño o cambiar apariencia, en verdad lo que hace es sumarle al valor que tengamos, en este caso al tamaño del lápiz, le va a sumar 5. 00:10:01
Entonces por eso es lo que empieza en chico y cada vez se mueve de paso y cada vez se va haciendo el tamaño del lápiz más grande. 00:10:13
Para que veáis eso, lo del cambiar tamaño por 5. 00:10:22
Si en vez de cambiar tamaño pongo el fijar tamaño, todo el rato es igual 00:10:25
Porque estoy fijando el tamaño todo el rato a 5 00:10:32
Simplemente para que sepáis la diferencia entre el cambiar tamaño del API y el fijar tamaño del API 00:10:35
Pues ya está, terminamos aquí el vídeo 00:10:42
Idioma/s:
es
Autor/es:
Javier Arias Álvarez
Subido por:
Javier A.
Licencia:
Reconocimiento
Visualizaciones:
8
Fecha:
30 de septiembre de 2024 - 20:14
Visibilidad:
Público
Centro:
sies vega del tajuña
Duración:
10′ 46″
Relación de aspecto:
2.10:1
Resolución:
1920x914 píxeles
Tamaño:
582.48 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid