Tastiera, accessibilità e touch

In pxstud.io tutto si può fare dalla tastiera: ogni comando è nella palette dei comandi, ogni scorciatoia si può cambiare e sulla tela si può disegnare con i tasti freccia. Su uno schermo touch, un dito disegna, due dita zoomano e spostano la vista, e un tocco con due dita annulla.

Trovare ed eseguire qualsiasi comando

Premi Ctrl+K (o scegli Modifica > Palette comandi...) e scrivi una parte del nome di un comando. L'elenco mostra il percorso di menu e la scorciatoia di ogni comando, e attenua quelli che al momento non si possono eseguire. Usa i tasti freccia per sceglierne uno e Enter per eseguirlo. Se non scrivi niente, compaiono per primi i comandi eseguiti più di recente.

Cambiare le scorciatoie

Impostazioni > Scorciatoie da tastiera... elenca ogni comando con le sue scorciatoie. Cerca per comando, menu o tasto, poi:

• fai clic su Aggiungi (o su una scorciatoia esistente) e premi la nuova combinazione di tasti; Esc annulla;
• se la combinazione appartiene già a un altro comando, scegli Riassegna per spostarla, oppure Annulla;
• Ripristina riporta un comando al valore predefinito, e Ripristina tutto li riporta tutti;
• Esporta... salva il tuo set come file JSON, e Importa... ne carica uno, per esempio in un altro browser.

Seleziona Disattiva le scorciatoie a tasto singolo per spegnere ogni scorciatoia che è una singola lettera, cifra o segno di punteggiatura (con o senza Shift), così un tasto premuto per sbaglio non cambia mai strumento. L'elenco completo dei valori predefiniti è in Scorciatoie da tastiera.

Tab non è mai una scorciatoia e non può essere assegnato a una: sposta sempre sul controllo successivo, così non puoi mai restare bloccato in un pannello o sulla tela. (Per questo il passaggio di un livello tilemap tra Tile e Pixels è Alt+T e non il Tab di Aseprite; vedi Tilemap.)

Muoversi nell'editor

• Vai alla tela. La prima cosa che Tab raggiunge nella pagina è un link Vai alla tela. Premi Enter su di esso per portare il focus della tastiera direttamente sulla tela.
• Punti di riferimento. La barra dei menu è l'intestazione della pagina, e ogni pannello è una regione con etichetta (Strumenti, Opzioni strumento, Timeline, Palette, Selettore colore e così via), così l'elenco dei punti di riferimento di uno screen reader ci porta subito.
• La barra dei menu è una sola tappa per Tab. Left e Right (o Home e End) si spostano tra i menu, e Down, Enter o Space ne apre uno. Dentro un menu, Up e Down si spostano, digitare una lettera salta alla voce successiva che inizia con quella lettera, Right apre un sottomenu e Left lo chiude, e Esc chiude il menu. Con un menu aperto, Left e Right passano ai menu vicini. Quando la barra dei menu è ancorata a un lato, Up e Down si spostano invece tra i menu.
• Menu dei pannelli. In qualsiasi pannello, Shift+F10 o il tasto Menu apre il menu del pannello, lo stesso che si apre con il clic destro (L'area di lavoro).
• Ridimensionare i pannelli. Raggiungi con Tab la linea tra due pannelli e usa i tasti freccia (L'area di lavoro).

Disegnare con la tastiera

Porta il focus sulla tela (con Tab o con il link Vai alla tela) e compare un cursore a pixel dove si trovava l'ultima volta il puntatore, o al centro dello sprite. Poi:

Ogni strumento funziona così tranne la Mano: i pennelli dipingono, le forme si allungano da dove la penna è stata abbassata a dove viene sollevata, gli strumenti di selezione selezionano e lo strumento Sposta trascina. La tela scorre per tenere il cursore in vista, e in modalità affiancata il cursore ricomincia dal lato opposto ai bordi.

Quando uno spostamento o una trasformazione è in attesa di essere applicata, o uno strumento a più passi come il Poligono attende l'ultimo punto, Enter conclude quell'operazione invece di abbassare la penna.

Il disegno da tastiera inizia quando la tela riceve il focus dalla tastiera: raggiungila con Tab, oppure usa il link di salto. Fare clic sulla tela con il mouse lo disattiva di nuovo, così chi usa il mouse mantiene i tasti freccia, Space e Enter per i loro compiti abituali, come in Aseprite: le frecce spostano i pixel selezionati, oppure scorrono fotogrammi e livelli; tenere premuto Space sposta la vista; e Enter avvia e mette in pausa l'animazione. Dopo un clic, esci con Tab e torna sulla tela per disegnare di nuovo con la tastiera.

Con uno screen reader, la tela viene annunciata con il nome e le dimensioni dello sprite, lo strumento attivo e lo zoom. La posizione del cursore ("x 12, y 7") viene letta quando smette di muoversi, poi "Pen down", "Pen up" o "Applied at..." per una singola pressione, e "edge" quando il cursore non può andare oltre.

Tastiera nei pannelli

Schede degli sprite. Le schede sopra la tela sono una sola tappa per Tab:

• Left, Right, Home e End passano da uno sprite all'altro;
• Alt+Left e Alt+Right spostano la scheda lungo la riga (e dicono dove è andata);
• F2 rinomina lo sprite, e Del lo chiude;
• Enter su uno sprite la cui copia nel cloud è cambiata ti permette di scegliere quale copia tenere.

La palette è anch'essa una sola tappa per Tab, sul campione selezionato:

• i tasti freccia, Home e End si spostano tra i campioni, e Shift con una freccia seleziona un intervallo (per ordinarli, per esempio);
• Enter o Space imposta il campione come colore di primo piano, e Shift+Enter come colore di sfondo;
• Alt con una freccia sposta il campione nella palette;
• F2 modifica il colore del campione, e Del lo rimuove.

Il nuovo colore di primo piano o di sfondo, e la nuova posizione di un campione, vengono letti agli screen reader. Vedi Colore e palette.

La timeline. I cel formano una griglia con una sola tappa per Tab, il cel attivo:

• i tasti freccia passano al cel successivo (e ne rendono attivi livello e fotogramma);
• Shift con una freccia estende la selezione dei cel, e Esc la cancella;
• Alt+Left e Alt+Right spostano di un posto il fotogramma del cel (o i fotogrammi selezionati), e dicono dove sono andati;
• Alt+Shift con una freccia sposta di poco i cel selezionati;
• il tasto Menu apre il menu del clic destro del cel.

Su un numero di fotogramma, Alt+Left e Alt+Right spostano anche quel fotogramma. Sul nome di un livello, F2 lo rinomina. Su un tag, Enter o Space lo rende il tag che viene riprodotto, e Alt+Left e Alt+Right lo spostano di un fotogramma (le sue estremità accettano Left e Right per ridimensionarlo). Vedi Animazione e timeline.

Notifiche

I messaggi compaiono nell'angolo in basso a sinistra e vengono letti dagli screen reader. Gli errori e i messaggi con un pulsante restano finché non li chiudi. Gli altri messaggi restano almeno 8 secondi, di più se c'è molto da leggere (fino a 20 secondi), e aspettano finché il puntatore o il focus sono su di loro, o finché la scheda del browser è in background. Ne compaiono al massimo cinque alla volta.

Schermi touch

• Disegno: un dito (o una penna) disegna con lo strumento attivo. La pressione della penna imposta la dimensione del pennello fin dall'inizio (solo quella della penna: un dito disegna alla dimensione piena). Può anche controllare dimensione e angolo del pennello e un gradiente di colore (Dinamiche nelle opzioni dello strumento; vedi Strumenti). L'estremità gomma di una penna cancella: l'editor passa alla Gomma mentre la usi e torna indietro dopo.
• Disegnare solo con la penna: la prima volta che disegni con una penna su uno schermo touch, l'editor ti chiede se disegnare solo con la penna. Scegli Solo penna (o disattiva più tardi Impostazioni > Disegna con il dito) e un dito sposta la tela invece di disegnare, così una mano appoggiata sullo schermo non lascia segni. Il pizzico e i tocchi con due e tre dita funzionano allo stesso modo in entrambi i casi.
• Zoom e spostamento: appoggia due dita sulla tela e pizzica per zoomare, oppure muovile insieme per spostare la vista. Un singolo dito aspetta un attimo prima di disegnare, così iniziare un pizzico non lascia mai un segno. Con la Mano, un secondo dito trasforma lo spostamento in un pizzico. Le altre dita e il palmo vengono ignorati mentre un tratto è in corso.
• Annulla e ripeti: tocca la tela con due dita per annullare, o con tre dita per ripetere. Tocca rapidamente e tieni le dita ferme; un tocco che sposta leggermente la vista la rimette a posto.
• Colori: tocca un campione della palette per il colore di primo piano. Per lo sfondo, toccalo e poi tocca il pulsante di sfondo della palette (su uno schermo touch non esiste il clic destro).
• La timeline scorre con il dito. Un tocco seleziona un cel o un fotogramma. Tieni premuto per mezzo secondo, poi trascina, per selezionare un intervallo; tieni premuto e rilascia senza muoverti per aprire il menu del clic destro.
• Pannelli: tieni premuto un pannello per un istante prima di trascinarlo. Su un telefono o in una finestra piccola l'editor passa a un layout compatto, dove i pannelli si aprono come fogli sopra la tela; vedi Schermi piccoli e telefoni.

La visualizzazione dei tasti

Visualizza > Mostra tasti premuti mostra a schermo i tasti che premi, utile quando registri un tutorial o fai lezione. Impostazioni > Tasti premuti... sceglie se mostrarli e in quale angolo della finestra o della tela.

Limiti noti

• La tela non ha un equivalente da tastiera del clic destro, quindi il disegno da tastiera usa sempre il colore di primo piano.