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