Tastatur, Barrierefreiheit und Touch

Alles in pxstud.io lässt sich per Tastatur erledigen: Jeder Befehl steht in der Befehlspalette, jedes Kürzel lässt sich ändern, und auf der Leinwand selbst kannst du mit den Pfeiltasten zeichnen. Auf einem Touchscreen zeichnet ein Finger, zwei Finger zoomen und verschieben, und ein Tipp mit zwei Fingern macht rückgängig.

Jeden Befehl finden und ausführen

Drück Ctrl+K (oder wähle Bearbeiten > Befehlspalette...) und tippe einen Teil des Befehlsnamens. Die Liste zeigt für jeden Befehl den Menüpfad und das Kürzel und blendet die Befehle ab, die gerade nicht ausgeführt werden können. Wähl mit den Pfeiltasten einen aus und führ ihn mit Enter aus. Solange du nichts getippt hast, stehen die zuletzt ausgeführten Befehle oben.

Kürzel ändern

Einstellungen > Tastenkürzel... listet jeden Befehl mit seinen Kürzeln auf. Such nach Befehl, Menü oder Taste und dann:

• Klick auf Hinzufügen (oder auf ein vorhandenes Kürzel) und drück die neue Tastenkombination; Esc bricht ab;
• gehört die Kombination schon einem anderen Befehl, wähl Neu zuweisen, um sie zu übertragen, oder Abbrechen;
• Zurücksetzen stellt einen Befehl auf seinen Standard zurück, Alle zurücksetzen stellt alle zurück;
• Exportieren... speichert deine Kürzel als JSON-Datei, und Importieren... lädt eine, zum Beispiel in einem anderen Browser.

Setz ein Häkchen bei Einzeltasten-Kürzel deaktivieren, um jedes Kürzel abzuschalten, das aus einem einzelnen Buchstaben, einer Ziffer oder einem Satzzeichen besteht (mit oder ohne Shift). So wechselt ein versehentlicher Tastendruck nie das Werkzeug. Die vollständige Liste der Standards steht unter Tastenkürzel.

Tab ist nie ein Kürzel und kann auch keinem zugewiesen werden: Die Taste springt immer zum nächsten Bedienelement, sodass du nie in einem Bedienfeld oder auf der Leinwand festhängst. (Darum wechselst du bei einer Tilemap-Ebene mit Alt+T zwischen Tiles und Pixeln und nicht wie in Aseprite mit Tab; siehe Tilemaps.)

Im Editor navigieren

• Zur Leinwand springen. Als Erstes erreicht Tab auf der Seite einen Link Zur Leinwand springen. Drück Enter darauf, um den Tastaturfokus direkt auf die Leinwand zu setzen.
• Landmarken. Die Menüleiste ist der Kopfbereich der Seite, und jedes Bedienfeld ist eine beschriftete Region (Werkzeuge, Werkzeugoptionen, Zeitleiste, Palette, Farbauswahl und so weiter), sodass die Landmarkenliste eines Screenreaders direkt dorthin springt.
• Die Menüleiste ist eine einzige Station für Tab. Mit Left und Right (oder Home und End) wechselst du zwischen den Menüs, und Down, Enter oder Space öffnet eines. In einem Menü bewegen Up und Down die Auswahl, ein getippter Buchstabe springt zum nächsten Eintrag, der damit beginnt, Right öffnet ein Untermenü und Left schließt es, und Esc schließt das Menü. Bei geöffnetem Menü springst du mit Left und Right zu den benachbarten Menüs. Ist die Menüleiste an einer Seite angedockt, wechseln Up und Down stattdessen zwischen den Menüs.
• Bedienfeldmenüs. In jedem Bedienfeld öffnet Shift+F10 oder die Menütaste das Menü des Bedienfelds, dasselbe wie ein Rechtsklick (Der Arbeitsbereich).
• Bedienfelder in der Größe ändern. Geh mit Tab zur Linie zwischen zwei Bedienfeldern und nutze die Pfeiltasten (Der Arbeitsbereich).

Mit der Tastatur zeichnen

Setz den Fokus auf die Leinwand (mit Tab oder dem Link Zur Leinwand springen), und ein Pixel-Cursor erscheint dort, wo der Zeiger zuletzt war, oder in der Mitte des Sprites. Dann gilt:

Jedes Werkzeug funktioniert so, außer der Hand: Pinsel malen, Formen werden von der Stelle, an der der Stift aufgesetzt wurde, bis dorthin aufgezogen, wo er abgehoben wird, Auswahlwerkzeuge wählen aus, und das Verschieben verschiebt. Die Leinwand scrollt mit, damit der Cursor sichtbar bleibt, und im Kachelmodus läuft der Cursor an den Rändern um.

Wartet eine Verschiebung oder Transformation darauf, angewendet zu werden, oder ein Werkzeug mit mehreren Schritten wie das Polygon auf seinen letzten Punkt, schließt Enter das ab, statt den Stift aufzusetzen.

Das Zeichnen per Tastatur beginnt, wenn die Leinwand den Fokus von der Tastatur bekommt: Geh mit Tab hin oder nutze den Sprunglink. Ein Mausklick auf die Leinwand schaltet es wieder aus, sodass Mausnutzende die Pfeiltasten, Space und Enter für ihre gewohnten Aufgaben behalten, wie in Aseprite: Die Pfeiltasten verschieben die ausgewählten Pixel oder schalten durch Frames und Ebenen; Space gehalten verschiebt die Ansicht; und Enter startet und pausiert die Animation. Geh nach einem Klick mit Tab weg und zurück, um wieder per Tastatur zu zeichnen.

Mit einem Screenreader wird die Leinwand mit Namen und Größe des Sprites, dem aktiven Werkzeug und dem Zoom angesagt. Die Position des Cursors („x 12, y 7“) wird vorgelesen, sobald er stillsteht, danach „Pen down“, „Pen up“ oder „Applied at...“ bei einem einzelnen Tastendruck und „edge“, wenn der Cursor nicht weiter kann.

Tastatur in den Bedienfeldern

Sprite-Tabs. Die Tabs über der Leinwand sind eine einzige Station für Tab:

• Left, Right, Home und End wechseln zwischen Sprites;
• Alt+Left und Alt+Right verschieben den Tab in der Reihe (und sagen an, wohin er gewandert ist);
• F2 benennt den Sprite um, und Del schließt ihn;
• Enter bei einem Sprite, dessen Cloud-Kopie sich geändert hat, lässt dich wählen, welche Kopie du behalten willst.

Die Palette ist ebenfalls eine einzige Station für Tab, und zwar auf dem ausgewählten Farbfeld:

• die Pfeiltasten, Home und End wechseln zwischen Farbfeldern, und Shift mit einer Pfeiltaste wählt einen Bereich aus (zum Beispiel zum Sortieren);
• Enter oder Space macht das Farbfeld zur Vordergrundfarbe und Shift+Enter zur Hintergrundfarbe;
• Alt mit einer Pfeiltaste verschiebt das Farbfeld in der Palette;
• F2 bearbeitet die Farbe des Farbfelds, und Del entfernt es.

Die neue Vorder- oder Hintergrundfarbe und der neue Platz eines Farbfelds werden Screenreadern vorgelesen. Siehe Farbe und Paletten.

Die Zeitleiste. Die Cels bilden ein Raster mit einer einzigen Tab-Station, dem aktiven Cel:

• die Pfeiltasten wechseln zum nächsten Cel (und machen dessen Ebene und Frame aktiv);
• Shift mit einer Pfeiltaste erweitert die Cel-Auswahl, und Esc hebt sie auf;
• Alt+Left und Alt+Right verschieben den Frame des Cels (oder die ausgewählten Frames) um eine Stelle und sagen an, wohin sie gewandert sind;
• Alt+Shift mit einer Pfeiltaste verschiebt die ausgewählten Cels schrittweise;
• die Menütaste öffnet das Rechtsklick-Menü des Cels.

Auf einer Frame-Nummer verschieben Alt+Left und Alt+Right ebenfalls diesen Frame. Auf dem Namen einer Ebene benennt F2 sie um. Bei einem Tag macht Enter oder Space ihn zum abgespielten Tag, und Alt+Left und Alt+Right verschieben ihn um einen Frame (seine Enden nehmen Left und Right an, um die Größe zu ändern). Siehe Animation und die Zeitleiste.

Benachrichtigungen

Meldungen erscheinen in der unteren linken Ecke und werden von Screenreadern vorgelesen. Fehler und Meldungen mit einer Schaltfläche bleiben, bis du sie schließt. Andere Meldungen bleiben mindestens 8 Sekunden, je mehr es zu lesen gibt, desto länger (bis zu 20 Sekunden), und sie warten, solange dein Zeiger oder Fokus darauf liegt oder der Browser-Tab im Hintergrund ist. Höchstens fünf werden gleichzeitig angezeigt.

Touchscreens

• Zeichnen: Ein Finger (oder ein Stift) zeichnet mit dem aktiven Werkzeug. Der Druck eines Stifts bestimmt die Pinselgröße von Anfang an (nur der eines Stifts: Ein Finger zeichnet in voller Größe). Er kann auch Pinselgröße, Winkel und einen Farbverlauf steuern (Dynamik in den Werkzeugoptionen; siehe Werkzeuge). Das Radierende eines Stifts radiert: Der Editor wechselt zum Radierer, solange du es benutzt, und danach zurück.
• Nur mit dem Stift zeichnen: Wenn du zum ersten Mal mit einem Stift auf einem Touchscreen zeichnest, fragt der Editor, ob nur mit dem Stift gezeichnet werden soll. Wähl Nur Stift (oder schalte später Einstellungen > Mit dem Finger zeichnen aus), und ein Finger verschiebt die Leinwand, statt zu zeichnen, sodass eine aufliegende Hand keine Spuren hinterlässt. Zusammenziehen und die Tipps mit zwei und drei Fingern funktionieren in beiden Fällen gleich.
• Zoomen und Verschieben: Leg zwei Finger auf die Leinwand und zieh sie zusammen oder auseinander zum Zoomen, oder bewege sie gemeinsam zum Verschieben. Ein einzelner Finger wartet einen Moment, bevor er zeichnet, sodass der Beginn einer Zoom-Geste nie eine Spur hinterlässt. Mit der Hand macht ein zweiter Finger aus dem Verschieben eine Zoom-Geste. Weitere Finger und deine Handfläche werden ignoriert, solange ein Strich läuft.
• Rückgängig und Wiederholen: Tipp mit zwei Fingern auf die Leinwand für Rückgängig oder mit drei Fingern für Wiederholen. Tipp schnell und halte die Finger still; ein Tipp, der die Ansicht leicht verschiebt, setzt sie zurück.
• Farben: Tipp auf ein Farbfeld der Palette für die Vordergrundfarbe. Für die Hintergrundfarbe tippst du erst darauf und dann auf die Hintergrund-Schaltfläche der Palette (auf einem Touchscreen gibt es keinen Rechtsklick).
• Die Zeitleiste scrollt mit deinem Finger. Ein Tipp wählt ein Cel oder einen Frame aus. Halte eine halbe Sekunde gedrückt und zieh dann, um einen Bereich auszuwählen; halte gedrückt und lass ohne Bewegung los, um das Rechtsklick-Menü zu öffnen.
• Bedienfelder: Halte ein Bedienfeld einen Moment gedrückt, bevor du es ziehst. Auf einem Smartphone oder in einem kleinen Fenster wechselt der Editor zu einem kompakten Layout, in dem sich Bedienfelder als Sheets über der Leinwand öffnen; siehe Kleine Bildschirme und Smartphones.

Die Tastenanzeige

Ansicht > Tastenanzeige einblenden zeigt die Tasten, die du drückst, auf dem Bildschirm an, was hilft, wenn du ein Tutorial aufnimmst oder einen Kurs gibst. Einstellungen > Tastenanzeige... legt fest, ob sie angezeigt wird und in welcher Ecke des Fensters oder der Leinwand sie sitzt.

Bekannte Grenzen

• Die Leinwand hat kein Tastaturäquivalent für einen Rechtsklick, darum verwendet das Zeichnen per Tastatur immer die Vordergrundfarbe.