Saludos! La idea de crear su propio editor de pixel art (siempre con blackjack) surgió de vacaciones cuando estaba completamente cansado de perder el tiempo y quería hacer mi actividad favorita (y me ocupo de juegos y aplicaciones). No me llevé una computadora portátil. Ahora Pixel Studio está ganando popularidad activamente, y el título indiscreto "El mejor editor de pixel art móvil" debe justificarse). Bajo el gato hablaré sobre cuánto, cómo y en qué desarrollo, cómo publico y promociono, cómo se está desarrollando la aplicación y qué planes para el futuro.
¿Quién lo necesita en absoluto?
La primera pregunta que debes hacerte. Bueno, en primer lugar, lo necesitaba yo mismo) Estoy desarrollando juegos, aplicaciones y recursos, soy aficionado al pixel art. Tener un dibujo móvil a mano sería bueno. Por supuesto, comencé a buscar editores móviles en las tiendas. Por si acaso, aclararé que necesitaba el editor en el teléfono inteligente. Existen editores de píxeles decentes para PC, por ejemplo, Photoshop o el querido Aseprite, que lo sabe todo. No los tendré en cuenta. Repasemos las aplicaciones más populares. Por supuesto, no tiene sentido describirlo todo; pasé mucho tiempo estudiándolos.
Pixel Art editor (SPC Mobile) : el editor más popular, más de un millón de descargas, una calificación promedio de 4.0. Hay en Google Play, en la App Store no lo encontré. Última actualización - 2011. La interfaz se ve, por decirlo suavemente, pasada de moda. Sin embargo, muchos lo usan. La animación no es compatible.
dotpict - Easy to Pixel Arts (dotpicko) - un editor de mímica, más de un millón de instalaciones, calificación 4.5. Realmente me gustó, a pesar de toda su primitividad y una forma bastante inusual de dibujar con el cursor. La animación no es compatible. Pero en él hay una galería en línea de trabajos con me gusta. Y dotpict también tiene minijuegos integrados, es realmente genial) Sin embargo, es más como un asesino del tiempo que un editor profesional.
8bit Painter (OneTap Japan) : la elección de los editores de Google Play, más de medio millón de descargas, una calificación de 4.6. Diseño minimalista, puede dibujar píxeles y nada más. Sin herramientas adicionales. Puedo suponer que esto también mata el tiempo en lugar de un editor profesional.
Pixly - Pixel Art Editor (Gustavo Maciel) es un buen editor, más de 100,000 instalaciones, calificación 4.1, última actualización en 2016. El primer editor profesional que encontré, e incluso con animación. Interfaz muy inconveniente e incomprensible, que se suele quejar en las revisiones. El proyecto probablemente esté abandonado.
Conclusiones
El segmento de aplicación seleccionado tiene un lugar para estar, tiene una amplia audiencia, mientras que no hay aplicaciones predominantes de los principales desarrolladores. Entonces, trabajaremos) ¿Cómo podemos destacar al futuro editor? Primero, debe ser "Lo mejor de todo". Esto significa que debe tener una interfaz moderna, simple e intuitiva, una administración conveniente, exportar a formatos populares y, por supuesto, una amplia gama de herramientas. Pero lo más importante, ¡debe apoyar la animación! Mirando hacia el futuro, diré que fue esta función la que determinó la popularidad de la aplicación y las altas calificaciones. ¿Quién será el público objetivo? Decidí que haría un editor para artistas y desarrolladores de juegos. Pero al mismo tiempo, las puertas deben estar abiertas para todos los interesados, es decir para el público más amplio, incluidos los niños. Como dice el dicho:
¡Fácil de aprender, difícil de jugar!
¿Quieres pintar para matar el tiempo? No hay problema! ¿Quieres hacer un guión gráfico de personaje para tu juego? Por favor!
Elegir un entorno de desarrollo
Básicamente, hago juegos en Unity. Y aunque muchas personas piensan que es un poco extraño hacer aplicaciones en Unity, tengo una opinión diferente. Si es apropiado, ¿por qué no? Sí, una aplicación de Unity será "gorda" y pesará mucho más que una aplicación nativa de cien o dos kilobytes de tamaño. Pero el tamaño de 20 megabytes para un dibujo simple ahora no asusta a nadie) Sí, debe hacer su UI / UX en lugar de usar la interfaz del sistema operativo. ¡Pero no estamos buscando formas fáciles! Por otro lado, el uso de Unity ofrece ventajas muy significativas:
- multiplataforma, es iOS, Android y UWP
- una gran cantidad de activos en la tienda de activos que puede usar para desarrollar
- velocidad de desarrollo (de hecho, fue lo más importante para mí)
Interfaz (UI / UX)
De hecho, dibujé la interfaz en un papel que ya estaba en el avión cuando regresaba de vacaciones. Fueron 12 horas para volar, había suficiente tiempo). Ya he visto suficiente de la interfaz de usuario de las aplicaciones más populares para pixel art, leí reseñas e hice una lista de cómo y cómo no hacerlo. En primer lugar, era tentador hacer que la interfaz fuera un píxel. Bueno, el editor es para pixel art, ¿verdad? Sí, pero el estilo de píxeles, y especialmente las fuentes de píxeles, hacen que la interfaz sea más difícil de leer. Especialmente cuando necesita mostrar mucha información (botones, herramientas, paneles), sin olvidar que el elemento principal en la pantalla, de hecho, es un lienzo. Decidí tomar prestada la experiencia de Photoshop. Esta es una fuente simple sin trucos y simples paneles de botones grises sin decoraciones adicionales. En esta interfaz, puede colocar más elementos pequeños y, al mismo tiempo, todo será legible y se podrá hacer clic en él. Pero al mismo tiempo, entendí perfectamente que no estaba haciendo mi Photoshop con una interfaz pesada y aterradora, sino un editor móvil. Todo debe ser súper simple y conveniente, y se deben ocultar funciones adicionales. Pero esconderse no es para que nadie los encuentre nunca.
Entonces, ¿cuál es el conjunto mínimo de herramientas que un usuario necesita para comenzar a dibujar pixel art? Probablemente se necesita una herramienta de lápiz. Debería haber una elección de color. Pero debe haber preajustes de flores (paleta confeccionada). Un cuentagotas de color no dolerá. Y el borrador, ¿a dónde irías sin él?) Relleno tampoco tiene ningún sentido para esconderse. Y, por supuesto, debería haber un botón "devolver todo" (mientras que "regresar adelante" puede estar oculto). Las herramientas seleccionadas también se debieron al diseño de pantalla vertical, que consideré por defecto. Quería dibujar incluso con una mano en un teléfono de 5 pulgadas. Entonces, en la parte superior, arreglé la paleta en 2 filas de 12 colores. Me pareció que 24 colores para pixel art serían suficientes en la mayoría de los casos. Y en el futuro será posible hacer un desplazamiento deslizante. Al mismo tiempo, 12 botones en el ancho de la pantalla de 5 pulgadas ya es el límite de clics. Debajo coloqué la barra de herramientas, 8 botones en una fila. El panel es mágico, se abrirá (mover desde abajo), mostrando herramientas adicionales.
Esto es lo que ve el usuario que acaba de instalar la aplicación. Tomar y dibujar, ¿es eso lo que pretendías?) Sin manuales y consejos, ¡todo debería ser lo más simple posible!
Y aquí está la interfaz del artista que crea la animación o el personaje para el juego:
Sobre entrenamiento
Planeo agregar un pequeño tutorial en la primera ejecución. Bueno, como suele suceder, mira páginas con imágenes o animaciones. Simplemente maduró, como resulta, por ejemplo, no todos los usuarios piensan en hacer clic en la flecha para expandir la barra de herramientas. Además, para algunas funciones que requieren aclaración, agregué pequeñas preguntas, cuando se hace clic, aparece una información sobre herramientas.
Sobre analítica
Por supuesto, el análisis juega un papel muy importante en la optimización de la interfaz de usuario. Por cierto, uso Yandex AppMetrica y la analítica incorporada Unity. Registro todas las pulsaciones de botones, todas las funciones, así como errores y situaciones imprevistas. No tengas miedo de enviar todo a la analítica, especialmente al principio).
Acerca de la localización
Hice la traducción al inglés yo mismo. Antes de lanzar la aplicación, también pedí una traducción profesional de textos promocionales para tiendas en el sitio web
traducido.net . Las traducciones a los idiomas más populares (español, francés, alemán, chino y japonés) salieron a $ 20-30 (para un texto de 150 palabras). En el proceso de localización de la aplicación en sí, decidí formalizar mis logros en un activo independiente, que ahora está disponible en la
Tienda de activos de Unity . Lea más sobre esto en mi artículo
Localización de juegos y aplicaciones en Unity. Rápido y conveniente . El idioma de la aplicación se determina en el primer inicio utilizando el idioma del sistema, y puede cambiarlo a través de la configuración:
Cuando llegó el momento de traducir la aplicación a otros idiomas, inmediatamente me di cuenta de que sería bastante costoso) Entonces, debes volver tu ingenio. Hice un pequeño signo más junto a la elección del idioma que arroja al usuario a una mesa con traducciones en
Hojas de cálculo de Google . Aquellos que deseen agregar su traducción pueden solicitar permiso para editar. Sorprendentemente, los propios usuarios hicieron traducciones al alemán, portugués, español, francés, polaco y chino. Y no me costó ni un centavo) Sí, aparecen nuevos textos en el proceso de desarrollo que permanecen no localizados. Pero esto realmente no molesta a nadie) Además, algunos autores a veces complementan sus traducciones ellos mismos.
Que sigue
Probablemente ya estoy cansado de ti) ¿Aunque prometí contarte sobre desarrollo y promoción, sobre estadísticas y planes para el futuro? Bueno, ¿dejémoslo para la segunda parte?) Allí contaré cómo escribí mi biblioteca GIF, cómo me ayudó en su implementación, cómo, como resultado de trabajar en Pixel Studio en Asset Store, aparecieron 6 nuevos activos gratuitos, cómo, dónde y cuánto Promovió la aplicación, sobre la comunicación con los usuarios, sobre los que odian y sobre las buenas personas que tradujeron Pixel Studio de forma gratuita para varios idiomas, sobre errores y deficiencias en Pixel Studio, sobre el maravilloso servicio italki que me ayudó a aprender inglés y desarrollar Pixel Studio. También me gustaría hablar sobre mi primera experiencia publicando en la Tienda Windows en UWP. Mientras tanto, gracias a todos por su atención, ¡buena suerte!
Sobre el autor
No me considero una especie de gurú del diseño o desarrollador mega-genial. En muchos asuntos técnicos, ni siquiera estoy listo para discutir contigo. Pero puedo hacer buenos juegos, aplicaciones y recursos (oh, cómo quiero creerlo =).
Tap Tap Builder es probablemente mi proyecto más difícil. Y tengo grandes esperanzas para
Pixel Studio ) En la Unidad de Activos de Unity, junto con el artista, vendemos bien los
activos , por ejemplo, nuestro editor de personajes
Fantasy Heroes . También me gusta comunicarme con los usuarios y otros desarrolladores y asistir a varios eventos y hackatones. Entonces, haga preguntas, escriba comentarios, si lo desea, más y menos).
Pero mejor, además ...