Grüße! Die Idee, einen eigenen Pixel-Art-Editor (immer mit Blackjack) zu erstellen, kam im Urlaub auf, als ich es satt hatte, herumzuspielen und meine Lieblingssache machen wollte (und mich mit Spielen und Anwendungen beschäftige). Ich habe keinen Laptop mitgenommen. Jetzt gewinnt Pixel Studio aktiv an Popularität und die indiskrete Überschrift "The Best Mobile Pixel Art Editor" muss begründet werden. Ich erzähle Ihnen, wie viel, wie und wie ich mich entwickle, wie ich veröffentliche und bewerbe, wie sich die Anwendung entwickelt und was meine Pläne für die Zukunft sind.
Wer braucht das überhaupt?
Die allererste Frage, die Sie sich stellen müssen. Nun, erstens brauchte ich es selbst.) Ich entwickle Spiele, Anwendungen und Assets. Ich mag Pixelkunst. Eine mobile Zeichnung zur Hand zu haben, wäre schön. Natürlich suchte ich in Geschäften nach mobilen Editoren. Für alle Fälle werde ich klarstellen, dass ich den Editor auf dem Smartphone benötige. Es gibt anständige Pixel-Editoren für PCs, zum Beispiel Photoshop oder den beliebten Aseprite, der alles weiß. Ich werde sie nicht berücksichtigen. Lassen Sie uns die beliebtesten Anwendungen durchgehen. Natürlich macht es keinen Sinn, alles zu beschreiben, ich habe ziemlich viel Zeit damit verbracht, sie zu studieren.
Pixel Art Editor (SPC Mobile) - der beliebteste Editor mit mehr als einer Million Downloads und einer durchschnittlichen Bewertung von 4,0. Es gibt bei Google Play, im App Store habe ich es nicht gefunden. Letzte Aktualisierung - 2011. Das Interface sieht, gelinde gesagt, altmodisch aus. Viele benutzen es jedoch. Animation wird nicht unterstützt.
dotpict - Easy to Pixel Arts (dotpicko) - ein Mimic-Editor mit über einer Million Installationen und einer Bewertung von 4,5. Es hat mir sehr gut gefallen, trotz all seiner Primitivität und einer eher ungewöhnlichen Art, mit dem Cursor zu zeichnen. Animation wird nicht unterstützt. Aber darin gibt es eine Online-Galerie mit Werken mit Likes. Und dotpict hat auch Minispiele eingebaut, es ist wirklich cool. Es ist jedoch eher ein Zeitkiller als ein professioneller Editor.
8bit Painter (OneTap Japan) - die Wahl der Redakteure von Google Play, mehr als eine halbe Million Downloads, eine Bewertung von 4,6. Minimalistisches Design, kann Pixel zeichnen und nichts weiter. Keine zusätzlichen Werkzeuge. Ich kann davon ausgehen, dass dies eher ein Zeitkiller als ein professioneller Redakteur ist.
Pixly - Pixel Art Editor (Gustavo Maciel) ist ein guter Editor, mehr als 100.000 Installationen, Bewertung 4.1, letztes Update im Jahr 2016. Der erste professionelle Editor, dem ich
begegnet bin, und sogar mit Animation. Sehr unbequeme und unverständliche Oberfläche, über die in Bewertungen am häufigsten geklagt wird. Das Projekt wird wahrscheinlich aufgegeben.
Schlussfolgerungen
Das ausgewählte Anwendungssegment hat einen Platz, es hat ein breites Publikum, während es keine vorherrschenden Anwendungen von großen Entwicklern gibt. Also werden wir arbeiten) Wie können wir den zukünftigen Editor hervorheben? Erstens muss es "Best of all" sein. Dies bedeutet, dass es eine moderne, einfache und intuitive Benutzeroberfläche, eine bequeme Verwaltung, den Export in gängige Formate und natürlich eine breite Palette von Tools haben sollte. Vor allem aber muss er die Animation unterstützen! Mit Blick auf die Zukunft werde ich sagen, dass diese Funktion die Popularität der Anwendung und die hohen Bewertungen bestimmt hat. Wer wird die Zielgruppe sein? Ich beschloss, einen Editor für Künstler und Spieleentwickler zu erstellen. Gleichzeitig sollten die Türen für alle Ankömmlinge offen sein, d. H. für das breiteste Publikum, einschließlich Kinder. Wie man sagt:
Leicht zu lernen, schwer zu spielen!
Willst du nur malen, um die Zeit totzuschlagen? Kein Problem! Möchten Sie ein Charakter-Storyboard für Ihr Spiel erstellen? Bitte!
Auswahl einer Entwicklungsumgebung
Grundsätzlich mache ich Spiele auf Unity. Und obwohl viele Leute denken, dass es etwas seltsam ist, Anwendungen auf Unity zu erstellen, bin ich anderer Meinung. Warum nicht? Ja, eine Unity-Anwendung ist "fett" und wiegt viel mehr als eine native Anwendung mit einer Größe von hundert oder zwei Kilobyte. Aber die Größe von 20 Megabyte für eine einfache Zeichnung macht jetzt niemandem Angst.) Ja, Sie müssen Ihre UI / UX ausführen, anstatt die Betriebssystemschnittstelle zu verwenden. Wir suchen aber nicht nach einfachen Wegen! Andererseits bietet die Verwendung von Unity sehr bedeutende Vorteile:
- plattformübergreifend sind es iOS, Android und UWP
- Eine Reihe von Assets im Asset Store, die Sie zum Entwickeln verwenden können
- Entwicklungsgeschwindigkeit (in der Tat war es das Wichtigste für mich)
Schnittstelle (UI / UX)
Tatsächlich habe ich die Benutzeroberfläche bereits im Flugzeug auf Papier gezeichnet, als ich aus dem Urlaub zurückkam. Es waren 12 Stunden zum Fliegen, es gab genug Zeit.) Also habe ich bereits genug von der Benutzeroberfläche der beliebtesten Anwendungen für Pixelkunst gesehen, Rezensionen gelesen und eine Liste erstellt, wie man es macht und wie man es nicht macht. Erstens war es verlockend, das Interface-Pixel zu machen. Nun, der Editor ist für Pixelkunst, oder? Ja, aber der Pixelstil und insbesondere die Pixelschriftarten erschweren das Lesen der Benutzeroberfläche. Insbesondere, wenn Sie viele Informationen (Schaltflächen, Werkzeuge, Bedienfelder) anzeigen müssen, ohne zu vergessen, dass das Hauptelement auf dem Bildschirm tatsächlich eine Leinwand ist. Ich habe mich entschlossen, die Erfahrung von Photoshop auszuleihen. Dies ist eine einfache Schriftart ohne Tricks und einfache graue Schaltflächen ohne zusätzliche Dekorationen. In dieser Oberfläche können Sie mehr kleine Elemente platzieren, und gleichzeitig ist alles lesbar und anklickbar. Gleichzeitig verstand ich vollkommen, dass ich mein Photoshop nicht mit einer schweren und beängstigenden Oberfläche, sondern mit einem mobilen Editor ausführte. Alles sollte super einfach und bequem sein und zusätzliche Funktionen mussten ausgeblendet werden. Aber verstecken ist nicht so, dass niemand sie jemals finden wird.
Was ist also die minimale Anzahl von Werkzeugen, die ein Benutzer benötigt, um mit dem Zeichnen von Pixelkunst zu beginnen? Wahrscheinlich wird definitiv ein Bleistiftwerkzeug benötigt. Es sollte eine Auswahl an Farben geben. Es sollten jedoch Voreinstellungen für Blumen vorhanden sein (vorgefertigte Palette). Eine farbige Pipette tut nicht weh. Und der Radiergummi, wohin würdest du ohne ihn gehen?) Füllen macht auch keinen Sinn, sich irgendwo zu verstecken. Und natürlich sollte es eine Schaltfläche "Alles zurück" geben (während "Vorwärts zurück" ausgeblendet werden kann). Die ausgewählten Werkzeuge waren auch auf das vertikale Bildschirmlayout zurückzuführen, das ich standardmäßig berücksichtigt habe. Ich wollte mit einer Hand auf einem 5-Zoll-Telefon zeichnen. Also habe ich oben die Palette in 2 Reihen mit 12 Farben angeordnet. Es schien mir, dass 24 Farben für Pixelkunst in den meisten Fällen ausreichen würden. Und in Zukunft wird es möglich sein, eine Folienrolle zu erstellen. Gleichzeitig sind 12 Schaltflächen in der Breite des 5-Zoll-Bildschirms bereits die Grenze der Klickbarkeit. Unten platzierte ich die Symbolleiste, 8 Schaltflächen hintereinander. Das Bedienfeld ist magisch, es öffnet sich (von unten) und zeigt zusätzliche Werkzeuge an.
Dies sieht der Benutzer, der gerade die Anwendung installiert hat. Nehmen und zeichnen, haben Sie das beabsichtigt?) Keine Handbücher und Tipps, alles sollte so einfach wie möglich sein!
Und hier ist die Oberfläche des Künstlers, der die Animation oder den Charakter für das Spiel erstellt:
Über das Training
Ich habe vor, beim ersten Start ein kleines Tutorial hinzuzufügen. Nun, wie es normalerweise passiert - Sie blättern durch Seiten mit Bildern oder Animationen. Es ist gerade gereift - wie sich zum Beispiel herausstellt, denken nicht alle Benutzer daran, auf den Pfeil zu klicken, um die Symbolleiste zu erweitern. Außerdem habe ich für einige Funktionen, die einer Klärung bedürfen, kleine Fragen hinzugefügt. Wenn Sie darauf klicken, wird ein Tooltip angezeigt.
Über Analytics
Natürlich spielt die Analytik eine sehr wichtige Rolle bei der Optimierung der Benutzeroberfläche. Ich verwende übrigens Yandex AppMetrica und die integrierte Analytics Unity. Ich protokolliere alle Tastendrücke, alle Funktionen sowie Fehler und unvorhergesehene Situationen. Haben Sie keine Angst, alles an Analytics zu senden, besonders zuerst).
Informationen zur Lokalisierung
Ich habe die Übersetzung ins Englische selbst gemacht. Vor der Veröffentlichung der Anwendung habe ich außerdem eine professionelle Übersetzung von Werbetexten für Geschäfte auf der Website
translate.net bestellt . Übersetzungen in die beliebtesten Sprachen (Spanisch, Französisch, Deutsch, Chinesisch und Japanisch) kosteten 20 bis 30 US-Dollar (für einen Text mit 150 Wörtern). Während der Lokalisierung der Anwendung selbst habe ich beschlossen, meine Erfolge in einem eigenständigen Asset zu formalisieren, das jetzt im
Unity Asset Store verfügbar ist. Lesen Sie mehr darüber in meinem Artikel
Lokalisierung von Spielen und Anwendungen in Unity. Schnell und bequem . Die Sprache der Anwendung wird beim ersten Start mithilfe der Systemsprache festgelegt. Sie können sie über die folgenden Einstellungen ändern:
Als es an der Zeit war, die Anwendung in andere Sprachen zu übersetzen, stellte ich sofort fest, dass sie ziemlich teuer sein würde. Also müssen Sie Ihren Verstand wenden. Ich habe neben der Wahl der Sprache ein kleines Pluszeichen angebracht, das den Benutzer zu einer Tabelle mit Übersetzungen in
Google Sheets führt . Diejenigen, die ihre Übersetzung hinzufügen möchten, können die Erlaubnis zur Bearbeitung anfordern. Überraschenderweise haben die Benutzer selbst Übersetzungen ins Deutsche, Portugiesische, Spanische, Französische, Polnische und Chinesische gemacht. Und es hat mich keinen Cent gekostet.) Ja, im Entwicklungsprozess erscheinen neue Texte, die nicht lokalisiert sind. Aber das stört niemanden wirklich.) Außerdem ergänzen einige Autoren ihre Übersetzungen manchmal selbst.
Was weiter?
Ich bin wahrscheinlich schon müde von dir) Obwohl ich versprochen habe, dir von Entwicklung und Förderung zu erzählen, von Statistiken und Plänen für die Zukunft? Nun, lassen wir es für den zweiten Teil?) Dort werde ich erzählen, wie ich meine GIF-Bibliothek geschrieben habe, wie habr mir bei der Implementierung geholfen hat, wie durch die Arbeit an Pixel Studio im Asset Store 6 neue kostenlose Assets erschienen sind, wie, wo und wie viel Er bewarb die Anwendung, über die Kommunikation mit Benutzern, über Hasser und über gute Leute, die Pixel Studio kostenlos für eine Reihe von Sprachen übersetzt haben, über Fehler und Mängel in Pixel Studio, über den wunderbaren italki-Service, der mir beim Englischlernen und bei der Entwicklung von Pixel Studio geholfen hat. Ich möchte auch über meine ersten Erfahrungen mit dem Veröffentlichen im Windows Store auf UWP sprechen. In der Zwischenzeit vielen Dank für Ihre Aufmerksamkeit, viel Glück!
Über den Autor
Ich betrachte mich nicht als eine Art Design-Guru oder mega-cooler Entwickler. In vielen technischen Fragen bin ich noch nicht einmal bereit, mit Ihnen zu streiten. Aber ich kann gute Spiele, Anwendungen und Assets machen (oh, wie ich es glauben will =).
Tap Tap Builder ist wahrscheinlich mein schwierigstes Projekt. Und ich habe große Hoffnungen auf
Pixel Studio ) Im Unity Asset Store verkaufen wir zusammen mit dem Künstler
Vermögenswerte gut, zum Beispiel unseren Charakter-Editor
Fantasy Heroes . Ich kommuniziere auch gerne mit Benutzern und anderen Entwicklern und nehme an verschiedenen Veranstaltungen und Hackathons teil. Stellen Sie also Fragen, schreiben Sie Kommentare, wenn Sie möchten - plus und minus).
Aber besser, plus ...