Skip to content

Guia de uso

codeanticode edited this page Jun 17, 2021 · 7 revisions

SINCENTRO utiliza la entrada del puntero y el teclado. El arrastre del puntero resulta en trazos continuos o separados, que se pueden repetir continuamente para generar animaciones. La opción de repetición se puede desactivar para generar dibujos estáticos, también es posible dibujar líneas que desaparecen inmediatamente una vez que el trazo concluye.

Alguns funciones básicas estan asignadas de manera predefinida a ciertas teclas, que son las siguientes:

  • Barra espaciadora: activa/desactiva la repetición de los trazos
  • Teclas de borrado y retroceso: elimina todos los trazos en la capa seleccionada
  • Entrada o retorno: activa/desactiva un texto de ayuda en la esquina superior izquierda de la pantalla que muestra el estado del app
  • Flecha arriba/abajo: aumenta/disminuye el tamaño de los trazos (el efecto depende del tipo de pincel seleccionado)
  • Flecha izquierda/derecha: aumenta/disminuye la transparencia de los trazos (el efecto depende del tipo de pincel seleccionado)

Capas

SINCENTRO organiza los trazos en capas diferentes (por defecto son 9 pero este número puede modificarse en el código para tener mas o menos capas, en el archivo Parametros.js). Las capas se pueden seleccionar con las teclas numerales de 1 a 9, este mapeo se puede configurar cambiando los valores en la lista teclasSeleccionUnaCapa.

Una capa puede ser ocultada temporariamente, esto se logra presionando una de las teclas en la lista teclasOcultarUnaCapa para ocultar la capa correspondiente. Por defecto, estas teclas son !, @, #, $, etc., es decir la versión en mayúscula de la tecla numeral correspondiente. Para mostrar la capa, hay que presionar la tecla de selección indicada previamente.

También es posible seleccionar todas las capas para aplicar una operacion global como puede ser borrar todos los trazos, y tambien ocultar todas las capas a la vez. Por defecto, esto se logra con las teclas 0 y ), respectivamente, aunque puede ser modificado en el código, aquí y aquí.

Pinceles

Dependiendo de cuantos pinceles estén implementados en el código y como este configurado su mapeo de teclado, se los podrá acceder con una o varias teclas. Para cada pincel, las teclas que permiten seleccionarlo estan especificadas cuando se construye el objeto del pincel, en la función cargarPinceles.

Colores de pincel y de fondo

Los colores que se aplian para cada pincel y el lienzo de fondo de la pantalla estan configurados en el archivo Colores.js. En la función cargarPinceles se puede ver que el color de cada pincel se expresa en el formato de valor hexadecimal que es utilizado comunmente en la web. Nuevos colores pueden ser incorporados en el código simplemente con el agregado de un nuevo objeto representando el color deseado.

Opciones más avanzadas

  • Trazos discontínuos: Un trazo puede estar conformado por un número de segmentos separados pero que son animados en el orden en el que fueron creados. Para definir un trazo con mútiples segmentos, primero hay que presionar la tecla TAB, ingresar todos los segmentos en la secuencia, y presionar TAB nuevamente.
  • Trazos efímeros: Si se mantiene la tecla SHIFT presionda durante el dibujo de un trazo, el mismo desaparecerá una vez que ha sido concluido.

Clone this wiki locally