• Flecha 2-D

    El panel de configuración específico del tipo flecha tiene este aspecto:

    graficos_flecha

    La siguiente tabla explica los campos específicos.

    Campo Descripción
    expresión Es un campo de texto cuyo contenido son dos pares ordenados de expresiones que representan las coordenadas del origen y el extremo de la flecha (del vector).
    color

    Es el color de la orilla o borde de la flecha.

    flecha Es el color del interior de la flecha. El color flecha por defecto es rojo.
    ancho

    Es el ancho o grueso de la flecha en pixeles. El valor por defecto es 5.

    punta Es el ancho de la punta de la flecha. Su valor por defecto es 8.
    texto

    Es una etiqueta que acompaña al objeto gráfico y se escribe cerca de su posición o algo que puede considerarse como su posición. El valor por defecto es vacío.

  • Polígono 2-D

    El panel de configuración específico del tipo polígono tiene este aspecto:

    graficos_poligono

    La siguiente tabla explica los campos específicos.

    Campo Descripción
    expresión Es un campo de texto. Su contenido es una sucesión de pares ordenados de expresiones cuyo valor son las coordenadas de los puntos que constituyen la poligonal deseada. Obviamente para que se dibuje una poligonal cerrada (polígono) es necesario que el primer punto y el último sean el mismo.
    ancho Es el ancho o grueso del trazo de cada segmento de la poligonal medida en píxeles. El valor por defecto es 1.
    Se recomienda utilizar poco los anchos diferentes de 1 pues ralentizan el dibujo.
    relleno Si el selector relleno está activado, el programa rellena el interior del polígono formada por la poligonal indicada en la expresión cerrando ésta con el punto inicial.
  • Arco 2-D

    El panel de configuración específico del tipo arco tiene este aspecto:

    graficos_arco

    La siguiente tabla explica los campos específicos.

    Campo Descripción
    centro Debe ser un par ordenado de expresiones (X, Y) que representará el punto que es el centro del arco.
    radio Es el radio del arco. Puede ser una expresión real arbitraria.
    inicio Es el inicio del arco. Hay dos opciones. Puede ser una expresión real arbitraria que se interpretará como el ángulo inicial en grados sexagesimales, o puede ser una expresión de la forma (x1,y1) que se interpretará como un punto.En el segundo caso el arco comienza en el segmento que une al centro (X,Y) con el punto (x1,y1).
    fin Es el final del arco. Hay dos opciones. Puede ser una expresión real arbitraria que se interpretará como el ángulo final en grados sexagesimales, o puede ser una expresión de la forma (x2,y2) que se interpretará como un punto.En el segundo caso el arco termina en el segmento que une al centro (X,Y) con el punto (x2,y2).
    vectores Determina que el lado inicial y final del arco se obtenga de dos vectores que parten del centro del arco y no de dos puntos del plano.
    ancho

    Es el ancho o grueso del trazo en píxeles. El valor por defecto es 1.

    Se recomienda utilizar poco los anchos diferentes de 1 pues ralentizan el dibujo.

    relleno Si el selector relleno está activado, el programa rellena el interior del arco.
    texto

    Es una etiqueta que acompaña al objeto gráfico y se escribe cerca de su posición o algo que puede  considerarse como su posición.  Los textos por defecto se dibujan en el mismo color que el objeto gráfico.

    Los textos pueden tener varias líneas y además pueden incluir valores numéricos variables (ver Textos).

    El valor por defecto es vacío.

  • Relleno 2-D

    El panel de configuración específico del tipo relleno tiene este aspecto:

    graficos_relleno

    Como puede verse, se trata únicamente de un punto y un color. El punto funciona como la semilla o punto inicial de un proceso de relleno o coloreado, que llena, con el color seleccionado, la región cerrada dentro de la cual se encuentra el punto. Los gráficos que son de fondo no cuentan como fronteras para el relleno, a menos que el relleno mismo sea de fondo.

    El único campo específico de este objeto es:

    expresión

    Es un campo de texto. Su contenido es un par ordenado de expresiones que indica el punto que será la semilla del relleno.

    En la siguiente escena podemos ver una aplicación del objeto relleno para colorear diversas provincias de España.

    (Puedes descargar esta escena desde este enlace)

    Aquí podemos ver la escena en otra ventana

    Lo que se ha hecho es utilizar una imagen sin color y poner una semilla en cada región que quiere colorearse. El código correspondiente está reflejado en la siguiente imagen:
    Código del uso de relleno

    El relleno de una región arbitraria a partir de una semilla, en general, tiene una carga computacional alta, especialmente en el contexto de DescartesJS, ya que internamente requiere ir comparando pixel a pixel si está en la región deseada y cambiar su atributo color en caso de que sea así. Por ello, en los casos que sea posible, es aconsejable usar el relleno de polígonos ya que esta acción sí está incluida en el propio Canvas. Por esta particularidad la opción de añadir el rastro del relleno está deshabilitada para el intérprete en javascript.

    Adicionalmente, nos encontramos con un problema al utilizar el navegador Chrome cuando una escena que usa el relleno se ejecuta en local. Chrome restringe la modificación de los atributos de los píxeles en local por cuestiones de seguridad. En la siguiente imagen podemos observar la escena anterior al abrirla en local con Chrome (a la izquierda) y con Firefox (a la derecha). En Chorme la escena no termina de cargarse y consultando la consola podemos observar el error que acontece, sin embargo en Firefox no existe esa restricción y la escena también funciona en local.
    Error en Chrome

    Desde Descartes, obviamente, no es posible salvar esta restricción, por tanto si se desea trabajar en local con Chrome únicamente procede que el desarrollador de la escena use otros objetos cartesianos para conseguir el mismo objetivo. Una posibilidad es la superposición o capas de imágenes que es lo que se realiza en la siguiente escena:

    (Puedes descargar esta escena desde este enlace)

    Aquí podemos ver la escena en otra ventana

    Aquí se han superpuesto imágenes en las que está coloreada una de cada provincia que se desea colorear. El código correspondiente es:
    Capas de imágenes

    Veamos una aplicación del relleno en un objeto educativo:

    (Puedes descargar esta escena desde este enlace)

    Aquí podemos ver la escena en otra ventana

  • Texto 2-D

    El panel de configuración específico del tipo Texto tiene este aspecto:

    graficos_texto

    La siguiente tabla explica los campos específicos.

    Campo Descripción
    expresión

    Es un campo de texto. Su contenido debe ser un par ordenado de expresiones que indica la posición donde se ubicará el texto. La primera expresión indica el número de píxeles hacia a derecha y la segunda el número de píxeles hacia abajo tomando como origen la esquina superior izquierda del espacio en el que se sitúa el texto.

    texto

    Es el texto a escribir

    Los textos pueden tener varias líneas y además pueden incluir valores numéricos variables (ver Textos). El valor por defecto es vacío.

    decimales Es el número de decimales con los que se escribirán los números incluidos en el texto.
    Puede ser cualquier número o expresión. Al evaluarse se redondea para decidir el número de decimales. Su valor por defecto es 2.