Saltar navegación

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

2 - Colores dinámicos. Gradiente

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 12 de enero de 2020 por Jose Luis M.

134 visualizaciones

Más información Transcripción

Descargar la transcripción

En este vídeo vamos a realizar un gradiente usando los colores dinámicos. 00:00:14
Antes de comenzar, vamos a activar la vista gráfica 2, que es donde dejaremos nuestros deslizadores y nuestros controles 00:00:20
para centrar toda la importancia de nuestra construcción en la vista gráfica 1. 00:00:29
Para eso, iremos a Vista, activaremos la vista gráfica 2. 00:00:35
como vemos se sitúa aquí a la derecha 00:00:40
todas las vistas de GeoGebra 00:00:44
se pueden mover 00:00:46
haciendo clic en su barra de estado 00:00:48
aquí arriba 00:00:51
vamos a situarla 00:00:51
junto a la vista algebraica 00:00:54
por otro lado en esta construcción la vista algebraica 00:00:56
no nos va a hacer mucha falta 00:01:00
la vamos a cerrar 00:01:02
quitamos las cosas 00:01:03
que no vayamos a utilizar 00:01:06
como por ejemplo 00:01:08
los ejes y la cuadrícula. 00:01:09
Ya podemos comenzar. 00:01:14
Para ello vamos a situar un punto en la vista gráfica 1, por ejemplo aquí, 00:01:17
que será el punto A, 00:01:23
y en la barra de entrada escribimos A más 7, 0, 00:01:27
que será la longitud de nuestro gradiente. 00:01:33
Ahora en la vista gráfica 2 vamos a añadir 5 deslizadores 00:01:37
3 para los colores, 1 para la velocidad y otro para realizar la animación 00:01:42
Ponemos un deslizador, le llamaremos rojo 00:01:49
Y haremos que varíe entre 0 y 1 00:01:57
Que es los parámetros que regirán los colores dinámicos 00:01:59
Ya que GeoGebra, aunque los colores RGB van de 0 a 255 00:02:04
GeoGebra 00:02:10
asigna cero, sería cero color 00:02:11
y uno, todo el color 00:02:15
repetimos para verde 00:02:18
repetimos para rojo 00:02:24
y ha pasado algo 00:02:40
ahora sí 00:02:47
y azul 00:03:01
bien, si queremos podemos ponerlo de su propio color 00:03:04
para indicarnos que hará cada uno 00:03:18
ahora vamos a añadir un deslizador que nos va a controlar la velocidad 00:03:23
que llamaremos v, cuyo valor 00:03:33
podremos poner como mínimo 0, máximo 3 00:03:38
e incrementos de 0.1 00:03:42
y otro deslizador que nos generará la animación 00:03:46
que le llamaremos m, con valor máximo 00:03:52
0, perdón, valor mínimo 0 00:03:56
Máximo 7 incrementos de 0.001 para que el gradiente salga bien. 00:04:00
Podemos colocar esto un poco alineado. 00:04:09
Como vamos a dejar rastro y moveremos el punto, vamos a añadir un botón que nos limpie el rastro. 00:04:16
También podríamos usar la tecla CTRL-F para añadir el botón. 00:04:24
En la misma botonera que aparece en el deslizador, pulsamos botón y hacemos clic. 00:04:27
Se nos abre la ventana para indicarnos que título le vamos a poner, le vamos a poner limpiar y aquí le vamos a poner que ejecute dos comandos, uno va a ser vista activa 1 para que se sitúe en la vista gráfica 1 00:04:33
Y luego vamos a hacer este truco del comando zoom aleja, que nos va a alejar de la vista gráfica, pero como ponemos el factor 1, ni aleja ni acerca, pero obliga a GeoGebra a redibujar. 00:04:53
Estos comandos que usamos en el botón Limpiar se pueden ver aquí en la ayuda, en la parte inferior de la ventana 00:05:12
Sale en la ayuda y en la parte de guión Scripting se pueden ver todos los comandos que podemos escribir 00:05:21
También se pueden escribir todos los demás comandos, pero hay que tener más cuidado 00:05:29
Comprobamos que nuestro botón funciona 00:05:39
Si no da ningún error, no limpia porque no hay ningún rastro que limpiar, pero no da ningún error. 00:05:40
Seguimos, lo voy a colocar un poco mejor. 00:05:52
Bien, vamos a proceder ahora a dibujar el segmento que va a dejar el rastro con color dinámico. 00:05:56
Para eso vamos a escribir el punto C, que será igual a las coordenadas del punto A, x de A, i de A, pero vamos a restarle m para que el punto se vaya desplazando conforme avance m. 00:06:02
De igual manera hacemos lo mismo con el B, x de B, i de B, menos m. 00:06:23
Vamos a comprobar que efectivamente cuando yo mueva M el segmento se va a mover 00:06:32
Creamos el segmento y nos falta ajustar su color dinámico 00:06:40
Y también ajustar la velocidad de M según tengamos V 00:06:53
Vamos a hacer eso primero 00:06:59
Cogemos M y en propiedades ajustamos una de las... 00:07:01
Y como vemos, la ventana de propiedades siempre sale integrada en el interfaz de GeoGebra, pero todas las ventanas aquí a la derecha tienen este botoncito que nos permite sacar la ventana afuera como una ventana independiente. 00:07:08
En este caso la ventana de propiedades tiene sus ventajas, sacarla, porque nos van a aparecer a la izquierda todos los objetos que tenemos. 00:07:24
Y podemos modificar las propiedades de más de un objeto seleccionándolo aquí. 00:07:31
Por ejemplo, si queremos coger M y M deslizador, ajustamos que su velocidad sea V. 00:07:35
Pulsamos Enter para que lo coja. 00:07:47
Bien, ya que estamos aquí en esta ventana, vamos a coger el segmento y le vamos a ajustar los colores dinámicos. 00:07:51
En la pestaña avanzado pondremos que rojo tenga la cantidad de rojo, verde la cantidad de verde y azul la cantidad de azul. 00:07:58
Bueno, hay que tener en cuenta que hay que poner el mismo nombre que los deslizadores. 00:08:11
Por último y muy importante, debemos activar el rastro del segmento. 00:08:17
Ponemos MA0, el segmento ahora no sale porque está blanco porque hemos elegido uno. 00:08:26
Si cambiamos los colores, por ejemplo aquí, y ahora diéramos a animar el deslizador, dejaría el rastro. 00:08:35
Como vemos no deja un gradiente. 00:09:00
Para modificar y ver el gradiente debemos incluir algo dinámico en rojo, verde y azul. 00:09:01
Por ejemplo, podemos usar una función periódica como es el seno y poner seno de mpi partido por 7 para que cuando la m es 0 sea rojo y cuando la m valga 7 sea m por pi y el subseno sea 0 y siga saliendo rojo. 00:09:20
Es decir, este gradiente empezará en un color y terminará en el mismo color. 00:09:36
Podemos copiar lo mismo aquí y lo mismo en azul. 00:09:42
Ahora si activamos la animación, comienza en un color, hace su gradiente hacia otro color, 00:09:57
que dependerá de la función seno que hemos hecho, y terminará en el mismo color. 00:10:08
Autor/es:
José Luis Muñoz Casado
Subido por:
Jose Luis M.
Licencia:
Reconocimiento - No comercial - Compartir igual
Visualizaciones:
134
Fecha:
12 de enero de 2020 - 9:58
Visibilidad:
Público
Centro:
IES SALVADOR DALI
Duración:
10′ 23″
Relación de aspecto:
1.78:1
Resolución:
1280x720 píxeles
Tamaño:
83.10 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid