Activa JavaScript para disfrutar de los vídeos de la Mediateca.
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
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:25
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. Utilizo el bloque fijar color para poner, hemos dicho que el color iba a ser el 79.
00:01:43
Volvemos a utilizar el mismo bloque para marcar que el brillo va a ser 92.
00:01:53
Y nos falta la saturación. Vamos a utilizar este bloque para decir que nuestra saturación va a empezar en un valor 0.
00:02:03
Porque quiero que sea prácticamente blanco. A continuación ya estamos preparados para empezar a dibujar. Voy a bajar el lápiz y me muevo 10 pasos. Cuando yo me mueva 10 pasos voy a dejar una línea prácticamente blanca porque la saturación está en cero.
00:02:11
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:48
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 lo meto dentro de un bucle
00:03:22
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, como la saturación puede llegar a un valor de 100, fijaros aquí que la saturación puede llegar a un valor de 100, que es al que yo quiero llegar para que al final de mi línea se vea ese morado intenso, esto lo voy a repetir 100 veces.
00:03:31
Yo aquí voy a poner que esto se repita 100 veces, 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:54
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:27
¿Veis? La línea empieza en un color muy clarito y termina con un morado más intenso
00:04:30
- Etiquetas:
- Código Escuela 4.0_M
- Subido por:
- Ce40 madrid
- Licencia:
- Reconocimiento - No comercial - Compartir igual
- Visualizaciones:
- 5
- Fecha:
- 15 de marzo de 2025 - 14:28
- Visibilidad:
- Público
- Centro:
- C RECURSOS Código Escuela 4.0
- Duración:
- 04′ 59″
- Relación de aspecto:
- 1.78:1
- Resolución:
- 1920x1080 píxeles
- Tamaño:
- 21.03 MBytes