Diferencia entre revisiones de «Colores Dinámicos»

De GeoGebra Manual
Saltar a: navegación, buscar
Línea 2: Línea 2:
 
{{Note|1=Ver, para ilustrar esta posibilidad, la aplicación diseñada en [http://www.centrobabbage.com Centro_Babbage] que se detalla en el tutorial de [[Tutorial:Hacia el Algebra desde la Barra#Escenarios de Análisis|Escenarios de Análisis]]}}
 
{{Note|1=Ver, para ilustrar esta posibilidad, la aplicación diseñada en [http://www.centrobabbage.com Centro_Babbage] que se detalla en el tutorial de [[Tutorial:Hacia el Algebra desde la Barra#Escenarios de Análisis|Escenarios de Análisis]]}}
 
;
 
;
Al abrir la [[Caja de Diálogo de Propiedades]] de cierto objeto cuyo color se quisiera cambiar y dar ''clic'' sobre la pestaña {{KeyCode|Avanzado}}, se encontrará una sección llamada '''''Colores Dinámicos''''' con casilleros para los componentes [http://es.wikipedia.org/wiki/Modelo_de_color_RGB RGB] del color,{{OJo|1='''RGB''' por '''R'''ed<sub><small>Rojo</small></sub>, '''G'''reen<sub><small>Verde</small></sub> y '''B'''lue<sub><small>Azul</small></sub>.}}
+
Al abrir la [[Caja de Diálogo de Propiedades]] de cierto objeto cuyo color se quisiera cambiar y dar ''clic'' sobre la pestaña {{KeyCode|Avanzado}}, se encontrará una sección llamada '''''Colores Dinámicos''''' con casilleros para los componentes [[:w:es:Modelo_de_color_RGB|RGB]] del color. {{OJo|1='''RGB''' por '''R'''ed<sub><small>Rojo</small></sub>, '''G'''reen<sub><small>Verde</small></sub> y '''B'''lue<sub><small>Azul</small></sub>.}}
{{Note|1=En cada uno de estos casilleros, puede ingresarse una función con un rango [0, 1].}}
+
{{Note|1=En cada uno de estos casilleros, puede ingresarse un valor variable en el rango de [0, 1] que puede modificarse dinámicamente en función de ciertas condiciones o parámetros.}}
  
 
{{Example|1=<br>
 
{{Example|1=<br>
 
*Preparar tres [[Archivo:Tool Slider.gif]] [[Herramienta_de_Deslizador|deslizadores]]  ''a'', ''b'', y ''c'' con un intervalo de 0 a 1   
 
*Preparar tres [[Archivo:Tool Slider.gif]] [[Herramienta_de_Deslizador|deslizadores]]  ''a'', ''b'', y ''c'' con un intervalo de 0 a 1   
*Crear un polígono cuyo color va a estar influenciado por los valores de cada deslizador.
+
*Crear un polígono cuyo color va a depender de los valores de cada deslizador al que se denominará ''pol<sub>1</sub>''.
*Abrir la [[Caja_de_Diálogo_de_Propiedades|Caja de Diálogo de Propiedades]] para el polígono ''pol<sub>1</sub>'' y anotar los nombres de estos tres deslizadores en los casilleros de componentes del color.
+
*Abrir la [[Caja_de_Diálogo_de_Propiedades|Caja de Diálogo de Propiedades]] del polígono ''pol<sub>1</sub>'' y anotar los nombres de cada uno de los tres deslizadores en los casilleros de componentes - ''Rojo'', ''Verde'' y ''Azul'' - del color.
 
*Cerrar la [[Caja de Diálogo de Propiedades]] y cambiar los valores de los deslizadores para descubrir cómo cada componente de color influye sobre el de ''pol<sub>1</sub>''.}}
 
*Cerrar la [[Caja de Diálogo de Propiedades]] y cambiar los valores de los deslizadores para descubrir cómo cada componente de color influye sobre el de ''pol<sub>1</sub>''.}}
 
{{Note|1=También se pueden animar los deslizadores con diferentes velocidades para ver cómo el color del polígono cambia automáticamente.}}
 
{{Note|1=También se pueden animar los deslizadores con diferentes velocidades para ver cómo el color del polígono cambia automáticamente.}}
 
+
<h4>Opacidad Dinámica</h4>
 
La sección de '''Colores Dinámicos''' que aparece en la pestaña {{KeyCode|'''Avanzado'''}} de la [[Caja de Diálogo de Propiedades]] de un objeto, presenta una casilla para cambiarle la '''Opacidad''', ingresando un número dentro del rango  [0,1].{{Note|1=Aquí 0 implica transparencia completa y 1,  100% de ''opacidad''.}}{{OJo|1=Este valor puede vincularse a un [[Archivo:Tool Slider.gif]] [[Herramienta de Deslizador|deslizador]] para obtener una '''Opacidad''' ''dinámica''.}}{{Note|1= Cualquier número fuera del rango, será ignorado.}}  
 
La sección de '''Colores Dinámicos''' que aparece en la pestaña {{KeyCode|'''Avanzado'''}} de la [[Caja de Diálogo de Propiedades]] de un objeto, presenta una casilla para cambiarle la '''Opacidad''', ingresando un número dentro del rango  [0,1].{{Note|1=Aquí 0 implica transparencia completa y 1,  100% de ''opacidad''.}}{{OJo|1=Este valor puede vincularse a un [[Archivo:Tool Slider.gif]] [[Herramienta de Deslizador|deslizador]] para obtener una '''Opacidad''' ''dinámica''.}}{{Note|1= Cualquier número fuera del rango, será ignorado.}}  
  
 
=== RGB / HSV / HSL ===
 
=== RGB / HSV / HSL ===
Para algunos comportamientos dinámicos puede resultar más ágil emplear diferentes modelos de color. En tal caso, en lugar de emplear el convencional de rojo, verde y azul ([http://es.wikipedia.org/wiki/Modelo_de_color_RGB RGB] por Red-Rojo, Green-Verde, Blue-Azul en inglés) [[w:RGB|RGB]] se puede seleccionar, sea el modelo [http://es.wikipedia.org/wiki/Modelo_de_color_HSL HSL] ( [[w:HSL_and_HSV|HSL]]) o el [http://es.wikipedia.org/wiki/HSV HSV] ( [[w:HSL_and_HSV|HSV]]) de la lista desplegable que aparece en la zona inferior de la sección de  [[Colores Dinámicos|Colores Dinámicos]] en la pestaña '''Avanzado''' de la correspondiente [[Caja de Diálogo de Propiedades]] de un objeto.
+
Para algunos comportamientos dinámicos puede resultar más ágil emplear otros ''modelos'' de color.
 +
De la lista desplegable que aparece en la zona inferior de la sección de [[Colores Dinámicos|Colores Dinámicos]] en la pestaña {{KeyCode|'''Avanzado'''}} de la correspondiente [[Caja de Diálogo de Propiedades]] de un objeto, se puede seleccionar...
 +
*el modelo convencional [[:w:es:Modelo_de_color_RGB|RGB]] (del inglés, [[w:RGB|RGB]], '''R'''ed-Rojo, '''G'''reen-Verde, '''B'''lue-Azul)
 +
*el [[:w:es:Modelo_de_color_HSL|HSL]] ([[w:HSL_and_HSV|HSL]] en inglés)  
 +
*el [[:w:es:HSV|HSV]] ([[w:HSL_and_HSV|HSV]] en inglés) .
  
Si se selecciona HSV, se despliega la posibilidad de establecer valores para el Matiz, la Saturación, el Valor y la Opacidad.<br>Si se decide por HSL, puede decidirse el valor del Matiz, la Saturación, la Luminosidad y la Opacidad. Se puede asignar, en cada una de estas características, un número.  
+
Si se selecciona '''''HSV''''', se despliega la posibilidad de establecer valores para el '''''Matiz''''', la '''''Saturación''''', el '''''Valor''''' y la '''''Opacidad'''''.<br>Si se decide por '''''HSL''''', puede decidirse el valor del '''''Matiz''''', la '''''Saturación''''', la '''''Luminosidad''''' y la '''''Opacidad'''''.
 +
Se puede asignar, en cada una de estas características, un número.  
 
{{Example|1=Para que el punto ''A'' pase por todos los colores del arco iris a medida que se desplaza de izquierda a derecha, basta con activar el modo HSV y establecer la saturación y valor a 1 y a <code>x(A)</code> el sombreado.}}
 
{{Example|1=Para que el punto ''A'' pase por todos los colores del arco iris a medida que se desplaza de izquierda a derecha, basta con activar el modo HSV y establecer la saturación y valor a 1 y a <code>x(A)</code> el sombreado.}}

Revisión del 12:36 24 oct 2013


Desde la pestaña Color de la Caja de Diálogo de Propiedades, se le asigna a los objetos su color que, incluso, puede cambiar dinámicamente.

Nota: Ver, para ilustrar esta posibilidad, la aplicación diseñada en Centro_Babbage que se detalla en el tutorial de Escenarios de Análisis

Al abrir la Caja de Diálogo de Propiedades de cierto objeto cuyo color se quisiera cambiar y dar clic sobre la pestaña Avanzado, se encontrará una sección llamada Colores Dinámicos con casilleros para los componentes RGB del color.

Bulbgraph.pngAtención: RGB por RedRojo, GreenVerde y BlueAzul.
Nota: En cada uno de estos casilleros, puede ingresarse un valor variable en el rango de [0, 1] que puede modificarse dinámicamente en función de ciertas condiciones o parámetros.
Ejemplo:
  • Preparar tres Tool Slider.gif deslizadores a, b, y c con un intervalo de 0 a 1
  • Crear un polígono cuyo color va a depender de los valores de cada deslizador al que se denominará pol1.
  • Abrir la Caja de Diálogo de Propiedades del polígono pol1 y anotar los nombres de cada uno de los tres deslizadores en los casilleros de componentes - Rojo, Verde y Azul - del color.
  • Cerrar la Caja de Diálogo de Propiedades y cambiar los valores de los deslizadores para descubrir cómo cada componente de color influye sobre el de pol1.
Nota: También se pueden animar los deslizadores con diferentes velocidades para ver cómo el color del polígono cambia automáticamente.

Opacidad Dinámica

La sección de Colores Dinámicos que aparece en la pestaña Avanzado de la Caja de Diálogo de Propiedades de un objeto, presenta una casilla para cambiarle la Opacidad, ingresando un número dentro del rango [0,1].

Nota: Aquí 0 implica transparencia completa y 1, 100% de opacidad.
Bulbgraph.pngAtención: Este valor puede vincularse a un Tool Slider.gif deslizador para obtener una Opacidad dinámica.
Nota: Cualquier número fuera del rango, será ignorado.

RGB / HSV / HSL

Para algunos comportamientos dinámicos puede resultar más ágil emplear otros modelos de color. De la lista desplegable que aparece en la zona inferior de la sección de Colores Dinámicos en la pestaña Avanzado de la correspondiente Caja de Diálogo de Propiedades de un objeto, se puede seleccionar...

  • el modelo convencional RGB (del inglés, RGB, Red-Rojo, Green-Verde, Blue-Azul)
  • el HSL (HSL en inglés)
  • el HSV (HSV en inglés) .

Si se selecciona HSV, se despliega la posibilidad de establecer valores para el Matiz, la Saturación, el Valor y la Opacidad.
Si se decide por HSL, puede decidirse el valor del Matiz, la Saturación, la Luminosidad y la Opacidad. Se puede asignar, en cada una de estas características, un número.

Ejemplo: Para que el punto A pase por todos los colores del arco iris a medida que se desplaza de izquierda a derecha, basta con activar el modo HSV y establecer la saturación y valor a 1 y a x(A) el sombreado.
© 2024 International GeoGebra Institute