pixel editor

- veraltet - LOSPEC Pixel Editor

Der Lospec Pixel Editor ist nicht mehr in der Entwicklung und akzeptiert keine Beiträge mehr.
Es bleibt unter https://lospec.com/pixel-editor in seinem aktuellen Zustand erhältlich, kann jedoch Fehler enthalten.

Dies ist eine Browser -basierte Software zum Erstellen von Pixelkunst

Vor dem Beitrag

Bevor wir mit der Arbeit beginnen, öffnen Sie bitte ein Problem für die Diskussion, damit wir die Arbeit organisieren können, ohne zu viele Konflikte zu erzeugen. Wenn Ihr Beitrag einen Fehler beheben soll, erstellen Sie bitte eine Gabel und verwenden Sie den Bug-Fixes-Zweig. Wenn Sie an einer neuen Funktion arbeiten möchten, verwenden Sie stattdessen die neue Niederlassung.

Was zu beitragen

Alle Änderungen, die Fehler beheben oder Funktionen hinzufügen, sind willkommen. Schauen Sie sich die Probleme an, wenn Sie nicht wissen, wo Sie anfangen sollen: Wenn Sie neu im Editor sind, empfehlen wir Ihnen, zuerst das Wiki zu lesen.

Die nächste Version konzentriert sich hauptsächlich auf das Hinzufügen fehlender wesentlicher Funktionen und das Portieren zu Mobilgeräten.

Vorschläge / geplante Funktionen:

• Dokumentation

• Möglichkeit, Menüs zu verbergen und die Größe zu ändern (Schichten, Palette)

• Gefliester Modus

• Laden Sie die Palette aus der LPE -Datei

• Symmetrieoptionen (derzeit daran gearbeitet)

• Machen Sie ein Palettenraster, anstatt rechts einen riesigen Stapel zu haben, wenn die Farben zu viele sind

• Möglicherweise die Zusammenarbeitungsfunktion hinzufügen

• Mobile

  • Berühren Sie das Äquivalent für Mausklicks
  • UI verstecken oder skalieren
  • Vielleicht ordnen Sie die Benutzeroberfläche auf Porträt neu an
  • Popups reparieren

• Polieren:

  • Strg+A, um alles / Auswahl auszuwählen -> All, das gleiche für die Auswahl
  • Warnfenster für falsche Eingaben
  • Palette Option Entfernen Sie ungenutzte Farben
  • Bewegen Sie die Auswahl mit Pfeilen
  • Aktualisieren Sie Grenzen, indem Sie die Kanten der Leinwand mit der Maus ziehen
  • Bewegen Sie die Leinwände so, dass sie nach der Größenänderung der Canvas -Methode (möglicherweise a .center () in der Schichtklasse) zentriert werden.
  • Auswahl skalieren / drehen

Wie man beiträgt

Anforderungen

Keine Anforderungen, wenn Sie Githubs Codenspaces verwenden möchten. Wenn Sie es vorziehen, Ihre Umgebung auf dem Desktop einzurichten, müssen Sie Node.js und Git installiert haben.

Sie benötigen auch npm in Version 7 (aufgrund der dort eingeführten 2. Version von LockFile), die mit Node.js 15 oder neuer geliefert wird. Um die Installation der richtigen Versionen zu vereinfachen, können Sie NVM verwenden und nvm install ausführen. Sie aktiviert die richtige Node.js -Version in Ihrer aktuellen Eingabeaufforderung.

Beitrags -Workflow

GitHub -Codenspaziale

1. Klicken Sie oben auf Gabel . Es wird automatisch eine Kopie dieses Repositorys erstellt und es Ihrem Konto hinzugefügt.
2. Wählen Sie oben auf dieser Seite den Zweig aus, an dem Sie arbeiten möchten.
3. Klicken Sie auf "Code". Wählen Sie das Untermenü "CodeSPaces" aus und klicken Sie auf "CODEPACE erstellen im Zweignamen ".
4. Führen Sie npm install aus. Dann rennen Sie npm run hot : Es wird ein Popup mit dem Editor geöffnet. Deaktivieren Sie also Ihr Adblock, wenn Sie einen verwenden.

Desktop -Umgebung

1. Klicken Sie oben auf Gabel . Es wird automatisch eine Kopie dieses Repositorys erstellt und es Ihrem Konto hinzugefügt.
2. Klonen Sie das Repository auf Ihren Computer.
3. Öffnen Sie den Ordner in der Eingabeaufforderung und führen Sie npm install aus
4. Nehmen Sie alle Änderungen vor, die Sie vorschlagen möchten.
5. In der Eingabeaufforderung Ausführen npm run hot , das App zum /build -Ordner kompiliert, unter http: // localhost: 3000 und dann in Ihrem Browser geöffnet. Darüber hinaus startet der Server jedes Mal, wenn Sie Ihre Änderungen in einer Codebasis speichern. Sie können noch weiter gehen, indem Sie npm run hot:reload ausführen, wodurch auch die Webseite nachgeladen wird.
6. Fügen Sie Ihre Änderungen in Ihre Gabel hinzu, verpflichten Sie Ihre Änderungen.
7. Klicken Sie auf der GitHub -Seite für Ihre Gabel über die Dateiliste auf Neue Pull -Anforderung .
8. Ändern Sie die Dropdown für Head Repository in Ihre Gabel.
9. Fügen Sie einen Titel und eine Beschreibung hinzu, die Ihre Änderungen erläutert.
10. Klicken Sie auf Pull -Anfrage erstellen.

Wenn Sie Probleme haben

Feature -Wechsel

Einige Funktionen könnten standardmäßig versteckt sein. Funktionen zum Aktivieren/Deaktivieren sind in globalen featureToggles erhältlich und arbeiten in einem window.localStorage .

Verwenden Sie beispielsweise featureToggles.enableEllipseTool() . Dann featureToggles.disableEllipseTool() um es zu verbergen.