Guia de uso

Tudo o que você precisa para começar a pintar no pPlace, organizado em passos simples. Quando estiver dentro do canvas, você também pode abrir o atalho de ajuda no canto da barra superior para revisar este conteúdo.

Como começar

Abra o canvas.
Faça login com sua conta Google para começar a pintar.
Cole a URL do site que deseja pintar e aguarde a captura.
Escolha a cor, ferramenta e clique para pintar pixel a pixel.
Suas alterações são compartilhadas em tempo real com quem estiver pintando o mesmo site.

Ferramentas no desktop

Pincel

Ferramenta principal. Pinta um pixel por clique.
Combine com a paleta de cores para variar tonalidades.
Mantenha o botão pressionado e arraste para pintar uma linha contínua.

Borracha

Remove pixels pintados, deixando o fundo original aparecer novamente.
Útil para corrigir traços sem perder tempo trocando de cor.
Respeita o mesmo cooldown de uso de pincel quando aplicável.

Seleção / cursor

Permite navegar sem pintar.
Ideal para inspecionar a arte sem alterar nada por engano.
Recomendado quando você quer apenas observar uma colaboração em andamento.

Conta-gotas (nativo do navegador)

Use o seletor de cores nativo para capturar a cor de qualquer pixel da tela.
Em navegadores compatíveis (Chrome/Edge), o popup do seletor inclui o botão de pipeta.
Em Firefox e Safari mais antigos, alguns sistemas operacionais não expõem o eyedropper — use a paleta manual nesses casos.

Zoom

Amplia ou reduz a área visível para mais precisão.
Recomendado para ajustes finos e verificação de alinhamento.
Use a roda do mouse com Ctrl pressionado para zoom rápido.

Grade

Mostra uma referência visual para leitura pixel a pixel.
Especialmente útil em desenhos pequenos e posicionamento exato.
Pode ser desligada quando você quer apenas apreciar o resultado.

Coordenadas

Mostra a posição x e y do cursor sobre o canvas em tempo real.
Ideal para localizar pontos exatos e reportar pixels com precisão.
Combine com a grade para alinhar elementos simétricos.

Imagem de referência

Disponível ao lado do controle de opacidade, apenas para usuários conectados.
Importa uma imagem local que fica sobreposta ao canvas com opacidade ajustável, para servir de molde.
O número de pixels da imagem pode ser definido em pixels do canvas, fazendo cada bloco coincidir com 1 pixel do grid; imagens menores usam menos pixels e maiores podem usar mais.
Permite arrastar para reposicionar (com snap ao grid), travar, ocultar e remover. A imagem fica somente no seu navegador.
Há um modo opcional de bordas transparentes nos pixels: mesmo com opacidade no máximo, você consegue ver o canvas atrás de cada bloco para saber se já pintou ou não.

Ferramentas no celular

Pincel

Com um dedo, desenhe diretamente sobre a captura. É a ferramenta principal para criar arte no mobile.

Borracha

Apague pixels com um toque, com a mesma precisão do pincel.

Pan e zoom

Use o gesto de dois dedos para mover e dar zoom. Aproxime para precisão; afaste para ver o conjunto.

Atalhos de teclado

Os atalhos foram pensados para reduzir o tempo entre intenção e traço — quando você passa horas num canvas grande, cada clique a menos faz diferença. Os principais:

B — alterna para o pincel.
E — alterna para a borracha.
V — alterna para o cursor de seleção (apenas navegação).
G — liga/desliga a grade.
C — liga/desliga o overlay de coordenadas.
+ / - — zoom in / zoom out.
0 — reseta o zoom para 100%.
Espaço (segurar) + arrastar — pan livre sem trocar de ferramenta.
Ctrl + Z / Ctrl + Y — desfaz / refaz a última ação local (não afeta pixels já confirmados pelo servidor).
Esc — fecha modais e overlays abertos.

Como planejar uma pintura grande

Pintar uma obra com centenas ou milhares de pixels exige um pouco mais de planejamento. Algumas práticas que funcionam bem em colaborações no pPlace:

Defina o bounding box antes — escolha as coordenadas iniciais e finais (x1, y1, x2, y2) e anote. Compartilhe esses números com quem vai colaborar; coordenadas ativadas no canvas tornam isso trivial.
Use imagem de referência — exporte sua arte como PNG no tamanho exato em pixels do canvas e importe pelo painel lateral. Trave a imagem após posicionar para ninguém mover por engano.
Comece pelas bordas e blocos de cor sólida — isso reserva o espaço visual e dificulta que outros pintem por cima sem perceber a intenção.
Use uma paleta reduzida — 6 a 12 cores costumam ser suficientes e tornam a obra mais coerente, além de facilitar a comunicação no grupo (“a cor 3 é a do céu”).
Divida em zonas — distribua trechos por colaborador, ex: pessoa A cuida do canto superior esquerdo, pessoa B do canto inferior direito. Combine pontos de encontro.
Faça check-ins periódicos — alguém pode estar pintando por cima sem maldade. Ative o modo de bordas transparentes na imagem de referência para enxergar o que ainda falta.

Caso prático: reproduzindo um logo

Suponha que você quer pintar um logo simples (20×20 pixels) no canto de uma página. Fluxo recomendado:

Abra o site no canvas, espere a captura e identifique a região onde o logo vai ficar.
Ative grade (G) e coordenadas (C) para ler a posição exata de cada canto da região.
Prepare uma versão pixel-art do logo em 20×20 num editor externo (GIMP, Aseprite, Photoshop) e exporte como PNG.
No canvas, abra o painel de imagem de referência, carregue o PNG e ajuste o tamanho para 20 pixels do canvas.
Arraste a imagem para alinhar ao bounding box, depois trave.
Reduza a opacidade da referência para algo confortável (em torno de 60–80%) e comece a pintar com o pincel.
Use o conta-gotas para garantir consistência de cor entre pixels já pintados.

Erros comuns

Esquecer de travar a imagem de referência

É fácil arrastar sem querer e desalinhar tudo. Sempre trave após posicionar.

Trabalhar sem grade em zoom baixo

Sem grade, fica difícil saber exatamente em qual célula você está clicando, especialmente quando o canvas está com zoom afastado. Ative G ao trabalhar em detalhe.

Pintar antes de planejar a paleta

Começar com uma cor qualquer e ir trocando ao longo da obra costuma resultar em arte ruidosa. Decida 6–12 cores antes.

Atingir o limite diário no meio de um detalhe

Antes de começar uma sessão longa, confira quantos pixels ainda restam no seu limite. Se precisar de mais, recompensas de atividade e pacotes da loja podem estender.

Glossário rápido

Canvas: A área pintável sobreposta a um site capturado.
Captura: Snapshot visual de uma página pública, usado como fundo do canvas.
Pixel: Unidade mínima de pintura. Cada clique cria um pixel.
Cooldown: Intervalo de espera entre pinturas, quando aplicável, para evitar spam.
Limite diário: Quantidade máxima de pixels que sua conta pode pintar em 24 horas. Cresce com o nível e pode ser estendido por loja e recompensas.
Nível: Indicador de progresso da conta. Avança conforme você pinta e cumpre marcos.
Imagem de referência: Imagem local sobreposta ao canvas para servir de molde durante a pintura. Não é enviada ao servidor.

Comunidade e conduta

Pixels publicados são públicos e ligados ao seu perfil. Mantenha o ambiente saudável — sem ataques, sem conteúdo ilegal e sem promoção de golpes. Leia os Termos de Uso para detalhes do que pode levar a bloqueio. Para denunciar abuso, use a página de contato.

Dúvidas frequentes

As perguntas mais comuns sobre pixels permanentes, limites, sites que podem ser pintados, imagem de referência e mais estão centralizadas na página de perguntas frequentes.