Teclado, acessibilidade e toque

Tudo no pxstud.io pode ser feito pelo teclado: todo comando está na paleta de comandos, todo atalho pode ser alterado, e dá para desenhar na própria tela com as setas. Em uma tela sensível ao toque, um dedo desenha, dois dedos fazem zoom e movem a visão, e um toque com dois dedos desfaz.

Encontrar e executar qualquer comando

Pressione Ctrl+K (ou escolha Editar > Paleta de comandos...) e digite parte do nome de um comando. A lista mostra o caminho de menu e o atalho de cada comando, e deixa esmaecidos os que não podem ser executados agora. Use as setas para escolher um e Enter para executá-lo. Sem nada digitado, os comandos que você executou mais recentemente aparecem primeiro.

Alterar atalhos

Configurações > Atalhos de teclado... lista todos os comandos com seus atalhos. Pesquise por comando, menu ou tecla, e então:

• clique em Adicionar (ou em um atalho existente) e pressione a nova combinação de teclas; Esc cancela;
• se a combinação já pertence a outro comando, escolha Reatribuir para movê-la, ou Cancelar;
• Redefinir devolve um comando ao padrão, e Redefinir tudo devolve todos;
• Exportar... salva seu conjunto como um arquivo JSON, e Importar... carrega um, por exemplo em outro navegador.

Marque Desativar atalhos de tecla única para desligar todo atalho que seja uma única letra, dígito ou tecla de pontuação (com ou sem Shift), para que um toque acidental nunca troque de ferramenta. A lista completa dos padrões está em Atalhos de teclado.

Tab nunca é um atalho e não pode ser atribuído a um: ele sempre vai para o próximo controle, então você nunca fica preso em um painel ou na tela. (É por isso que alternar uma camada de tilemap entre Tiles e Pixels é Alt+T em vez do Tab do Aseprite; veja Tilemaps.)

Navegar pelo editor

• Ir para a tela. A primeira coisa que Tab alcança na página é um link Ir para a tela. Pressione Enter nele para levar o foco do teclado direto para a tela.
• Marcos. A barra de menus é o cabeçalho da página, e todo painel é uma região com rótulo (Ferramentas, Opções da ferramenta, Linha do tempo, Paleta, Seletor de cor e assim por diante), então a lista de marcos de um leitor de tela leva direto a ele.
• A barra de menus é uma parada para Tab. Left e Right (ou Home e End) alternam entre os menus, e Down, Enter ou Space abre um. Dentro de um menu, Up e Down se movem, digitar uma letra pula para o próximo item que começa com ela, Right abre um submenu e Left o fecha, e Esc fecha o menu. Com um menu aberto, Left e Right saltam para os menus vizinhos. Quando a barra de menus está acoplada em um dos lados, Up e Down alternam entre os menus.
• Menus de painel. Em qualquer painel, Shift+F10 ou a tecla Menu abre o menu do painel, o mesmo que o clique com o botão direito abre (O espaço de trabalho).
• Redimensionar painéis. Use Tab até a linha entre dois painéis e use as setas (O espaço de trabalho).

Desenhar com o teclado

Coloque o foco na tela (com Tab ou o link Ir para a tela), e um cursor de pixel aparece onde o ponteiro estava por último, ou no meio do sprite. Então:

Todas as ferramentas funcionam assim, exceto a Mão: pincéis pintam, formas se esticam de onde a caneta foi abaixada até onde ela é levantada, ferramentas de seleção selecionam, e a Mover arrasta. A tela rola para manter o cursor à vista, e no modo ladrilhado o cursor dá a volta nas bordas.

Quando uma movimentação ou transformação está esperando para ser aplicada, ou uma ferramenta de várias etapas, como o Polígono, está esperando o último ponto, Enter conclui isso em vez de abaixar a caneta.

O desenho pelo teclado começa quando a tela recebe o foco pelo teclado: use Tab até ela, ou o link de pular. Clicar na tela com o mouse o desativa de novo, para que quem usa mouse mantenha as setas, Space e Enter nas funções de sempre, como no Aseprite: as setas movem os pixels selecionados ou percorrem quadros e camadas; segurar Space move a visão; e Enter reproduz e pausa a animação. Depois de um clique, saia com Tab e volte para desenhar com o teclado de novo.

Com um leitor de tela, a tela é anunciada com o nome e o tamanho do sprite, a ferramenta ativa e o zoom. A posição do cursor ("x 12, y 7") é lida quando ele para de se mover, depois "Caneta abaixada", "Caneta levantada" ou "Aplicado em..." para um único toque, e "borda" quando o cursor não pode ir mais longe.

Teclado nos painéis

Abas de sprite. As abas acima da tela são uma parada para Tab:

• Left, Right, Home e End alternam entre sprites;
• Alt+Left e Alt+Right movem a aba ao longo da fileira (e dizem para onde ela foi);
• F2 renomeia o sprite, e Del o fecha;
• Enter em um sprite cuja cópia na nuvem mudou permite escolher qual cópia manter.

A paleta também é uma parada para Tab, na amostra selecionada:

• as setas, Home e End alternam entre amostras, e Shift com uma seta seleciona um intervalo (para ordenar, por exemplo);
• Enter ou Space faz da amostra a cor de primeiro plano, e Shift+Enter a cor de fundo;
• Alt com uma seta move a amostra na paleta;
• F2 edita a cor da amostra, e Del a remove.

A nova cor de primeiro plano ou de fundo, e o novo lugar de uma amostra, são lidos em voz alta pelos leitores de tela. Veja Cor e paletas.

A linha do tempo. Os cels formam uma grade com uma única parada de Tab, o cel ativo:

• as setas vão para o próximo cel (e tornam ativos a camada e o quadro dele);
• Shift com uma seta amplia a seleção de cels, e Esc a limpa;
• Alt+Left e Alt+Right movem o quadro do cel (ou os quadros selecionados) uma posição e dizem para onde foram;
• Alt+Shift com uma seta empurra os cels selecionados;
• a tecla Menu abre o menu de clique com o botão direito do cel.

Em um número de quadro, Alt+Left e Alt+Right também movem esse quadro. No nome de uma camada, F2 a renomeia. Em uma tag, Enter ou Space faz dela a tag que é reproduzida, e Alt+Left e Alt+Right a movem um quadro (suas pontas usam Left e Right para redimensioná-la). Veja Animação e a linha do tempo.

Notificações

As mensagens aparecem no canto inferior esquerdo e são lidas em voz alta pelos leitores de tela. Erros e mensagens com um botão ficam até você fechá-los. As outras mensagens ficam por pelo menos 8 segundos, mais tempo quanto mais houver para ler (até 20 segundos), e esperam enquanto o ponteiro ou o foco está sobre elas, ou enquanto a aba do navegador está em segundo plano. No máximo cinco aparecem ao mesmo tempo.

Telas sensíveis ao toque

• Desenho: um dedo (ou uma caneta) desenha com a ferramenta ativa. A pressão de uma caneta define o tamanho do pincel desde o início (só a da caneta: um dedo desenha no tamanho total). Ela também pode controlar o tamanho e o ângulo do pincel e um degradê de cor (Dinâmica nas opções da ferramenta; veja Ferramentas). A ponta de borracha de uma caneta apaga: o editor troca para a Borracha enquanto você a usa e volta depois.
• Desenhar só com a caneta: na primeira vez que você desenha com uma caneta em uma tela sensível ao toque, o editor pergunta se deve desenhar só com a caneta. Escolha Só caneta (ou desative Configurações > Desenhar com o dedo depois) e um dedo move a tela em vez de desenhar, para que uma mão apoiada na tela não deixe marcas. O gesto de pinça e os toques com dois e três dedos funcionam igual nos dois casos.
• Zoom e movimento: coloque dois dedos na tela e faça o gesto de pinça para dar zoom, ou mova-os juntos para mover a visão. Um único dedo espera um instante antes de desenhar, então começar uma pinça nunca deixa uma marca. Com a Mão, um segundo dedo transforma o movimento em uma pinça. Outros dedos e a palma da mão são ignorados enquanto um traço está em andamento.
• Desfazer e refazer: toque a tela com dois dedos para desfazer, ou com três dedos para refazer. Toque rápido e mantenha os dedos parados; um toque que move um pouco a visão a coloca de volta.
• Cores: toque em uma amostra da paleta para a cor de primeiro plano. Para a cor de fundo, toque nela e depois no botão de fundo da paleta (não há clique com o botão direito em uma tela sensível ao toque).
• A linha do tempo rola com o dedo. Um toque seleciona um cel ou quadro. Mantenha pressionado por meio segundo e arraste para selecionar um intervalo; mantenha pressionado e solte sem mover para abrir o menu de clique com o botão direito.
• Painéis: mantenha um painel pressionado por um instante antes de arrastá-lo. Em um celular ou uma janela pequena, o editor muda para um layout compacto, em que os painéis abrem como folhas sobre a tela; veja Telas pequenas e celulares.

A exibição de teclas

Exibir > Mostrar teclas pressionadas mostra na tela as teclas que você pressiona, o que ajuda ao gravar um tutorial ou dar uma aula. Configurações > Teclas pressionadas... escolhe se ela aparece e em qual canto da janela ou da tela ela fica.

Limites conhecidos

• A tela não tem equivalente de teclado para o clique com o botão direito, então o desenho pelo teclado sempre usa a cor de primeiro plano.