Saudações! A idéia de criar seu próprio editor de pixel art (sempre com blackjack) surgiu de férias quando eu estava completamente cansada de brincar e queria fazer a minha coisa favorita (e eu lido com jogos e aplicativos). Eu não levei um laptop comigo. Agora o Pixel Studio está ganhando popularidade ativamente, e o indiscreto título "O melhor editor de pixel art para dispositivos móveis" precisa ser justificado) Abaixo, falarei sobre quanto, como e no que desenvolvo, como publico e promovo, como o aplicativo está se desenvolvendo e quais são meus planos para o futuro.
Quem precisa disso?
A primeira pergunta que você precisa se perguntar. Bem, primeiro, eu mesmo precisei) Estou desenvolvendo jogos, aplicativos e ativos, gosto de pixel art. Ter um desenho móvel à mão seria bom. Claro, comecei a procurar editores para dispositivos móveis nas lojas. Só para esclarecer, preciso esclarecer que precisava do editor no smartphone. Existem editores de pixels decentes para PCs, por exemplo, o Photoshop ou o amado Aseprite, que sabe tudo. Eu não vou considerá-los. Vamos examinar os aplicativos mais populares. É claro que não faz sentido descrever tudo; passei bastante tempo estudando-os.
Editor de pixel art (SPC Mobile) - o editor mais popular, com mais de um milhão de downloads, uma classificação média de 4,0. Existe no Google Play, na App Store eu não encontrei. Última atualização - 2011. A interface parece, para dizer o mínimo, antiquada. No entanto, muitos o usam. A animação não suporta.
dotpict - Fácil para Pixel Arts (dotpicko) - um editor de
imitações , com mais de um milhão de instalações, classificação 4,5. Eu realmente gostei, apesar de toda a sua primitividade e uma maneira bastante incomum de desenhar com o cursor. A animação não suporta. Mas nele há uma galeria on-line de obras com curtidas. E o dotpict também possui minijogos embutidos, é muito legal) No entanto, é mais um assassino de tempo do que um editor profissional.
8bit Painter (OneTap Japan) - a escolha dos editores do Google Play, mais de meio milhão de downloads, uma classificação de 4,6. Design minimalista, pode desenhar pixels e nada mais. Nenhuma ferramenta adicional. Eu posso assumir que isso também é um exterminador de tempo e não um editor profissional.
Pixly - Pixel Art Editor (Gustavo Maciel) é um bom editor, com mais de 100.000 instalações, classificação 4,1, última atualização em 2016. O primeiro editor profissional que encontrei e até com animação. Interface muito inconveniente e incompreensível, que é frequentemente reclamada nas revisões. O projeto provavelmente está abandonado.
Conclusões
O segmento de aplicativos selecionado tem um lugar para estar, tem um público amplo, embora não haja aplicativos predominantes dos principais desenvolvedores. Então, vamos trabalhar) Como podemos destacar o futuro editor? Primeiro, deve ser o "Melhor de todos". Isso significa que ele deve ter uma interface moderna, simples e intuitiva, gerenciamento conveniente, exportação para formatos populares e, é claro, uma ampla gama de ferramentas. Mas o mais importante, ele deve apoiar a animação! Olhando para o futuro, direi que foi essa função que determinou a popularidade do aplicativo e as altas classificações. Quem será o público-alvo? Decidi criar um editor para artistas e desenvolvedores de jogos. Mas, ao mesmo tempo, as portas devem estar abertas a todos os visitantes, ou seja, para o público mais amplo, incluindo crianças. Como diz o ditado:
Fácil de aprender, difícil de jogar!
Quer apenas pintar para matar o tempo? Não tem problema! Quer fazer um storyboard de personagem para o seu jogo? Por favor!
Escolhendo um ambiente de desenvolvimento
Basicamente, faço jogos no Unity. E, embora muitas pessoas achem um pouco estranho fazer aplicativos no Unity, tenho uma opinião diferente. Se apropriado, por que não? Sim, um aplicativo Unity será "gordo" e pesará muito mais que um aplicativo nativo com tamanho de cem ou dois kilobytes. Mas o tamanho de 20 megabytes para um desenho simples agora não assusta ninguém) Sim, você precisa fazer sua interface de usuário / UX em vez de usar a interface do sistema operacional. Mas não estamos procurando maneiras fáceis! Por outro lado, o uso do Unity oferece vantagens muito significativas:
- multiplataforma, é iOS, Android e UWP
- um monte de ativos na Asset Store que você pode usar para desenvolver
- velocidade de desenvolvimento (de fato, foi a coisa mais importante para mim)
Interface (UI / UX)
Na verdade, desenhei a interface no papel que já estava no avião quando estava voltando das férias. Foram 12 horas para voar, houve tempo suficiente) Então, eu já vi o suficiente da interface do usuário dos aplicativos mais populares de pixel art, li resenhas e fiz uma lista de como e como não fazê-lo. Em primeiro lugar, foi tentador criar o pixel da interface. Bem, o editor é para pixel art, certo? Sim, mas o estilo de pixel, e especialmente as fontes de pixel, tornam a interface mais difícil de ler. Especialmente quando você precisa mostrar muitas informações (botões, ferramentas, painéis), sem esquecer que o elemento principal na tela é, de fato, uma tela. Decidi emprestar a experiência do Photoshop. Esta é uma fonte simples, sem truques e simples painéis de botões cinza sem decorações adicionais. Nesta interface, você pode colocar mais elementos pequenos e, ao mesmo tempo, tudo será legível e clicável. Mas, ao mesmo tempo, entendi perfeitamente que não estava fazendo meu Photoshop com uma interface pesada e assustadora, mas com um editor móvel. Tudo deve ser super simples e conveniente, e funções adicionais precisam ser ocultadas. Mas esconder não é para que ninguém nunca os encontre.
Então, qual é o conjunto mínimo de ferramentas que um usuário precisa para começar a desenhar pixel art? Provavelmente é definitivamente necessária uma ferramenta de lápis. Deve haver uma opção de cor para ele. Mas deve haver predefinições de flores (paleta pronta). Um conta-gotas colorido não vai doer. E a borracha, para onde você iria sem ela?) O preenchimento também não faz sentido em algum lugar para se esconder. E, é claro, deve haver um botão "retornar tudo de volta" (enquanto "retornar para frente" pode estar oculto). As ferramentas selecionadas também se devem ao layout da tela vertical, que eu considerava por padrão. Eu queria desenhar com apenas uma mão em um telefone de 5 polegadas. Então, no topo, organizei a paleta em 2 linhas de 12 cores. Pareceu-me que 24 cores para pixel art seriam suficientes na maioria dos casos. E no futuro será possível fazer uma rolagem de slides. Ao mesmo tempo, 12 botões na largura da tela de 5 polegadas já são o limite de cliques. Abaixo, coloquei a barra de ferramentas, 8 botões seguidos. O painel é mágico, ele será aberto (mova-se de baixo), mostrando ferramentas adicionais.
É isso que o usuário que acabou de instalar o aplicativo vê. Pegue e desenhe, é isso que você pretendia?) Sem manuais e dicas, tudo deve ser o mais simples possível!
E aqui está a interface do artista que cria a animação ou personagem para o jogo:
Sobre o treinamento
Pretendo adicionar um pequeno tutorial na primeira execução. Bem, como geralmente acontece - você olha através de páginas com imagens ou animações. Apenas amadureceu - como acontece, por exemplo, nem todos os usuários pensam em clicar na seta para expandir a barra de ferramentas. Além disso, para algumas funções que exigem esclarecimentos, adicionei pequenas perguntas, quando clicadas, uma dica de ferramenta é exibida.
Sobre a análise
Obviamente, a análise desempenha um papel muito importante na otimização da interface do usuário. A propósito, eu uso o Yandex AppMetrica e a análise integrada Unity. Registro todos os pressionamentos de botão, todas as funções, além de erros e situações imprevistas. Não tenha medo de enviar tudo para o analytics, especialmente no início).
Sobre localização
Eu mesmo fiz a tradução para o inglês. Antes de liberar o aplicativo, também solicitei uma tradução profissional de textos promocionais para lojas no site da
translate.net . As traduções para os idiomas mais populares (espanhol, francês, alemão, chinês e japonês) saíram de US $ 20 a 30 (para um texto de 150 palavras). No processo de localização do próprio aplicativo, decidi formalizar minhas conquistas em um ativo independente, que agora está disponível no
Unity Asset Store . Leia mais sobre isso no meu artigo
Localização de jogos e aplicativos no Unity. Rápido e conveniente . O idioma do aplicativo é determinado na primeira inicialização, usando o idioma do sistema, e você pode alterá-lo através das configurações:
Quando chegou a hora de traduzir o aplicativo para outros idiomas, percebi imediatamente que seria muito caro) Então, você precisa mudar de idéia. Fiz um pequeno sinal de adição ao lado da escolha do idioma que leva o usuário a uma mesa com traduções no
Planilhas Google . Aqueles que desejam adicionar sua tradução podem solicitar permissão para editar. Surpreendentemente, os próprios usuários fizeram traduções para alemão, português, espanhol, francês, polonês e chinês. E não me custou um centavo) Sim, novos textos aparecem no processo de desenvolvimento que permanecem não localizados. Mas isso realmente não incomoda ninguém. Além disso, alguns autores às vezes complementam suas traduções.
O que vem a seguir?
Eu provavelmente já estou cansado de você) Embora tenha prometido falar sobre desenvolvimento e promoção, estatísticas e planos para o futuro? Bem, vamos deixar para a segunda parte?) Lá vou contar como escrevi minha biblioteca GIF, como o habr me ajudou na sua implementação, como resultado do trabalho no Pixel Studio na Asset Store 6 novos ativos gratuitos apareceram, como, onde e quanto ele promoveu o aplicativo, sobre comunicação com os usuários, sobre haters e sobre boas pessoas que traduziram o Pixel Studio gratuitamente para vários idiomas, sobre bugs e deficiências no Pixel Studio, sobre o maravilhoso serviço italki que me ajudou a aprender inglês e desenvolver o Pixel Studio. Também gostaria de falar sobre minha primeira experiência de publicação na Windows Store na UWP. Enquanto isso, obrigado a todos pela atenção, boa sorte!
Sobre o autor
Não me considero algum tipo de guru do design ou desenvolvedor mega-legal. Em muitas questões técnicas, nem estou pronto para discutir com você. Mas eu posso fazer bons jogos, aplicativos e ativos (oh, como eu quero acreditar =).
O Tap Tap Builder é provavelmente o meu projeto mais difícil. E tenho grandes esperanças no
Pixel Studio ) Na Unity Asset Store, junto com o artista, vendemos bem os
ativos , por exemplo, nosso editor de personagens
Fantasy Heroes . Também gosto de me comunicar com usuários e outros desenvolvedores e participar de vários eventos e hackathons. Então faça perguntas, escreva comentários, se quiser - mais e menos).
Mas melhor, mais ...