Teclado, accesibilidad y pantallas táctiles

Todo en pxstud.io se puede hacer desde el teclado: cada comando está en la paleta de comandos, cada atajo se puede cambiar y se puede dibujar en el propio lienzo con las teclas de flecha. En una pantalla táctil, un dedo dibuja, dos dedos hacen zoom y desplazan, y un toque con dos dedos deshace.

Encontrar y ejecutar cualquier comando

Pulsa Ctrl+K (o elige Edición > Paleta de comandos...) y escribe parte del nombre de un comando. La lista muestra la ruta de menú y el atajo de cada comando, y atenúa los que no se pueden ejecutar ahora mismo. Usa las teclas de flecha para elegir uno y Enter para ejecutarlo. Si no escribes nada, primero aparecen los comandos que ejecutaste más recientemente.

Cambiar atajos

Ajustes > Atajos de teclado... lista todos los comandos con sus atajos. Busca por comando, menú o tecla y luego:

• haz clic en Añadir (o en un atajo existente) y pulsa la nueva combinación de teclas; Esc cancela;
• si la combinación ya pertenece a otro comando, elige Reasignar para moverla, o Cancelar;
• Restablecer devuelve un comando a su valor predeterminado y Restablecer todo devuelve todos;
• Exportar... guarda tu conjunto como un archivo JSON e Importar... carga uno, por ejemplo en otro navegador.

Marca Desactivar los atajos de una sola tecla para apagar todos los atajos que son una sola letra, dígito o signo de puntuación (con o sin Shift), de modo que una pulsación accidental nunca cambie de herramienta. La lista completa de valores predeterminados está en Atajos de teclado.

Tab nunca es un atajo y no se puede asignar a uno: siempre pasa al control siguiente, así que nunca puedes quedarte atrapado en un panel o en el lienzo. (Por eso cambiar una capa de tilemap entre Tiles y Píxeles es Alt+T y no el Tab de Aseprite; consulta Tilemaps.)

Moverse por el editor

• Saltar al lienzo. Lo primero a lo que llega Tab en la página es un enlace Saltar al lienzo. Pulsa Enter en él para poner el foco del teclado directamente en el lienzo.
• Regiones. La barra de menús es el encabezado de la página y cada panel es una región con etiqueta (Herramientas, Opciones de herramienta, Línea de tiempo, Paleta, Selector de color, etc.), de modo que la lista de regiones de un lector de pantalla salta directamente a ella.
• La barra de menús es una sola parada para Tab. Left y Right (o Home y End) se mueven entre los menús, y Down, Enter o Space abre uno. Dentro de un menú, Up y Down se mueven, escribir una letra salta al siguiente elemento que empieza con ella, Right abre un submenú y Left lo cierra, y Esc cierra el menú. Con un menú abierto, Left y Right saltan a los menús vecinos. Cuando la barra de menús está acoplada a un lado, Up y Down se mueven entre los menús.
• Menús de panel. En cualquier panel, Shift+F10 o la tecla Menú abre el menú del panel, el mismo que abre un clic derecho (El espacio de trabajo).
• Cambiar el tamaño de los paneles. Ve con Tab hasta la línea entre dos paneles y usa las teclas de flecha (El espacio de trabajo).

Dibujar con el teclado

Pon el foco en el lienzo (con Tab o con el enlace Saltar al lienzo) y aparece un cursor de píxel donde estuvo el puntero por última vez, o en el centro del sprite. Entonces:

Todas las herramientas funcionan así, salvo la Mano: los pinceles pintan, las formas se estiran desde donde se bajó el lápiz hasta donde se levanta, las herramientas de selección seleccionan y la Mover arrastra. El lienzo se desplaza para mantener el cursor a la vista, y en modo mosaico el cursor da la vuelta por los bordes.

Cuando hay un movimiento o una transformación esperando a aplicarse, o una herramienta de varios pasos como el Polígono espera su último punto, Enter termina eso en lugar de bajar el lápiz.

El dibujo con teclado empieza cuando el lienzo recibe el foco desde el teclado: ve hasta él con Tab o usa el enlace para saltar. Al hacer clic en el lienzo con el mouse se desactiva de nuevo, así los usuarios de mouse conservan las flechas, Space y Enter para sus usos habituales, como en Aseprite: las flechas mueven los píxeles seleccionados o recorren fotogramas y capas; mantener Space desplaza la vista; y Enter reproduce y pausa la animación. Después de un clic, sal con Tab y vuelve para dibujar con el teclado otra vez.

Con un lector de pantalla, el lienzo se anuncia con el nombre y el tamaño del sprite, la herramienta activa y el zoom. La posición del cursor ("x 12, y 7") se lee cuando deja de moverse, y luego "Pen down", "Pen up" o "Applied at..." para una sola pulsación, y "edge" cuando el cursor no puede avanzar más.

Teclado en los paneles

Pestañas de sprites. Las pestañas sobre el lienzo son una sola parada para Tab:

• Left, Right, Home y End cambian de sprite;
• Alt+Left y Alt+Right mueven la pestaña por la fila (e indican adónde fue);
• F2 renombra el sprite y Del lo cierra;
• Enter en un sprite cuya copia en la nube cambió te permite elegir qué copia conservar.

La paleta también es una sola parada para Tab, en la muestra seleccionada:

• las teclas de flecha, Home y End se mueven entre muestras, y Shift con una flecha selecciona un rango (para ordenar, por ejemplo);
• Enter o Space convierte la muestra en el color de primer plano, y Shift+Enter en el color de fondo;
• Alt con una flecha mueve la muestra dentro de la paleta;
• F2 edita el color de la muestra y Del la quita.

El nuevo color de primer plano o de fondo, y el nuevo lugar de una muestra, se leen en voz alta a los lectores de pantalla. Consulta Color y paletas.

La línea de tiempo. Las celdas forman una cuadrícula con una sola parada de Tab, la celda activa:

• las teclas de flecha pasan a la celda siguiente (y activan su capa y su fotograma);
• Shift con una flecha amplía la selección de celdas y Esc la borra;
• Alt+Left y Alt+Right mueven el fotograma de la celda (o los fotogramas seleccionados) un lugar, e indican adónde fueron;
• Alt+Shift con una flecha desplaza las celdas seleccionadas;
• la tecla Menú abre el menú de clic derecho de la celda.

En el número de un fotograma, Alt+Left y Alt+Right también mueven ese fotograma. En el nombre de una capa, F2 la renombra. En una etiqueta, Enter o Space la convierte en la etiqueta que se reproduce, y Alt+Left y Alt+Right la mueven un fotograma (sus extremos usan Left y Right para cambiar de tamaño). Consulta Animación y línea de tiempo.

Notificaciones

Los mensajes aparecen en la esquina inferior izquierda y los lectores de pantalla los leen en voz alta. Los errores y los mensajes con un botón permanecen hasta que los cierras. Los demás mensajes permanecen al menos 8 segundos, más cuanto más haya que leer (hasta 20 segundos), y esperan mientras tu puntero o el foco estén sobre ellos, o mientras la pestaña del navegador esté en segundo plano. Se muestran como máximo cinco a la vez.

Pantallas táctiles

• Dibujar: un dedo (o un lápiz) dibuja con la herramienta activa. La presión de un lápiz define el tamaño del pincel desde el inicio (solo la de un lápiz: un dedo dibuja con el tamaño completo). También puede controlar el tamaño del pincel, el ángulo y un degradado de color (Dinámica en las opciones de herramienta; consulta Herramientas). El extremo borrador de un lápiz borra: el editor cambia a la Borrador mientras lo usas y vuelve después.
• Dibujar solo con lápiz: la primera vez que dibujas con un lápiz en una pantalla táctil, el editor pregunta si quieres dibujar solo con el lápiz. Elige Solo lápiz (o desactiva Ajustes > Dibujar con el dedo más tarde) y un dedo desplazará el lienzo en lugar de dibujar, así una mano apoyada en la pantalla no deja marcas. El pellizco y los toques con dos y tres dedos funcionan igual en ambos casos.
• Zoom y desplazamiento: pon dos dedos en el lienzo y pellizca para hacer zoom, o muévelos juntos para desplazar. Un solo dedo espera un momento antes de dibujar, así que empezar un pellizco nunca deja una marca. Con la Mano, un segundo dedo convierte el desplazamiento en un pellizco. Los demás dedos y la palma se ignoran mientras hay un trazo en curso.
• Deshacer y rehacer: toca el lienzo con dos dedos para deshacer, o con tres dedos para rehacer. Toca rápido y mantén los dedos quietos; un toque que mueve ligeramente la vista la devuelve a su lugar.
• Colores: toca una muestra de la paleta para el color de primer plano. Para el fondo, tócala y luego toca el botón de fondo de la paleta (en una pantalla táctil no hay clic derecho).
• La línea de tiempo se desplaza con tu dedo. Un toque selecciona una celda o un fotograma. Mantén presionado medio segundo y luego arrastra para seleccionar un rango; mantén presionado y suelta sin mover para abrir el menú de clic derecho.
• Paneles: mantén presionado un panel un momento antes de arrastrarlo. En un teléfono o en una ventana pequeña el editor cambia a una disposición compacta, donde los paneles se abren como hojas sobre el lienzo; consulta Pantallas pequeñas y teléfonos.

Visualización de pulsaciones

Ver > Mostrar teclas pulsadas muestra en pantalla las teclas que pulsas, lo que ayuda cuando grabas un tutorial o das una clase. Ajustes > Teclas pulsadas... elige si se muestra y en qué esquina de la ventana o del lienzo aparece.

Límites conocidos

• El lienzo no tiene un equivalente de teclado para el clic derecho, así que el dibujo con teclado siempre usa el color de primer plano.