Saltar navegación

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

Scratch - Degradado

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 marzo de 2025 por Ce40 madrid

16 visualizaciones

Más información Transcripción

Descargar la transcripción

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

Del mismo autor…

Ver más del mismo centro

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid