Activa JavaScript para disfrutar de los vídeos de la Mediateca.
Scratch - Degradado
Ajuste de pantallaEl ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:
Vamos a ver con un ejemplo el uso de los bloques cambiar color y fijar color.
00:00:17
Mirad, si pulsáis en fijar color en el globito de color, vemos que el color se divide en tres variables, color, saturación y brillo.
00:00:23
En función del valor que adquieran esas variables, mi color va a variar.
00:00:32
La saturación me va a permitir dar un tono de color desde prácticamente blanco hasta un morado muy intenso.
00:00:37
Vamos a utilizar esa variable para hacer que nuestro gato dibuje una línea con un degradado de color.
00:00:45
Empezamos como siempre con el evento al presionar bandera.
00:00:53
Vamos a colocar al gato en una posición determinada de la pantalla para que pueda hacer su trazo.
00:00:57
Entonces elegimos el bloque ir a xy y lo vamos a posicionar donde está.
00:01:05
vale a continuación vamos a borrar la pantalla por si quedó algún resto de alguna programación
00:01:11
anterior y vamos a empezar fijando nuestro color mirad el color tiene un valor 79 una saturación
00:01:18
de 100 un brillo de 92 en nuestro caso vamos a mantener el color en 79 pero la saturación vamos
00:01:28
a empezar en 0 porque quiero que mi línea empiece en un color prácticamente blanco y el brillo lo
00:01:36
vamos a dejar en 92. Utilizo el bloque fijar color para poner, hemos dicho que el color iba a ser el
00:01:41
79. Volvemos a utilizar el mismo bloque para marcar que el brillo va a ser 92 y nos falta la
00:01:49
saturación. Vamos a utilizar este bloque para decir que nuestra saturación va a empezar en un
00:02:02
valor cero porque quiero que sea prácticamente blanco. A continuación ya estamos preparados
00:02:08
para empezar a dibujar. Voy a bajar el lápiz bajo el lápiz y me muevo 10 pasos. Cuando yo me mueva
00:02:16
10 pasos voy a dejar una línea prácticamente blanca, ¿veis? Porque la saturación está en cero. Como lo
00:02:26
que quiero es un degradado, cada vez que yo avance 10 pasos quiero aumentar la saturación en un punto
00:02:36
y entonces utilizo el bloque cambiar. Así como fijar da un valor determinado, cambiar lo que
00:02:42
hace es aumentar tu valor si he puesto un número positivo o disminuirlo si he puesto un número
00:02:49
negativo. Si yo aquí en saturación le digo que aumente en una unidad, mis siguientes 10 pasos
00:02:55
van a ser un poquito más oscuros. Si yo pongo aquí mover 10 pasos, no se aprecia prácticamente porque
00:03:02
solamente hemos puesto una unidad. La mejor manera de verlo es haciendo un bucle. Si yo en lugar de
00:03:15
hacer esto, lo meto dentro de un bucle, dentro de una repetición, lo que voy a hacer es moverme 10
00:03:22
pasos, cambiar mi saturación en una unidad, me muevo otros 10 pasos, como la saturación puede
00:03:32
llegar a un valor de 100, fijaros aquí que la saturación puede llegar a un valor de 100, que es
00:03:39
al que yo quiero llegar para que al final de mi línea se vea ese morado intenso, esto lo voy a
00:03:45
repetir 100 veces, yo aquí voy a poner que esto se repita 100 veces, de tal manera que durante 100
00:03:50
veces yo me muevo 10 pasos y a mi saturación actual le sumo una unidad, con lo cual la primera
00:03:57
vez hemos hecho una línea blanca, la segunda vez un poquito más oscura, la tercera vez aumentar un
00:04:04
poquito y así ir aumentando hasta que lleguemos a una saturación de 100, porque en cada paso a la
00:04:11
saturación la hemos aumentado en una unidad. El último paso siempre, que no se os olvide,
00:04:17
tiene que ser subir el lápiz. Vamos a ver cómo ha quedado. ¿Veis? La línea empieza en un color
00:04:23
muy clarito y termina con un morado más intenso.
00:04:32
- Etiquetas:
- Código Escuela 4.0_M
- Subido por:
- Ce40 madrid
- Licencia:
- Reconocimiento - No comercial - Compartir igual
- Visualizaciones:
- 98
- Fecha:
- 18 de marzo de 2025 - 9:03
- Visibilidad:
- Público
- Centro:
- C RECURSOS Código Escuela 4.0
- Duración:
- 04′ 53″
- Relación de aspecto:
- 1.78:1
- Resolución:
- 1920x1080 píxeles
- Tamaño:
- 21.08 MBytes