Guía de uso

Todo lo que necesitas para empezar a pintar en pPlace, organizado en pasos simples. Cuando estés dentro del lienzo, también puedes abrir el atajo de ayuda en la barra superior para repasar este contenido.

Cómo empezar

Abre el lienzo.
Inicia sesión con tu cuenta Google para empezar a pintar.
Pega la URL del sitio que quieres pintar y espera la captura.
Elige color y herramienta, luego haz clic para pintar píxel a píxel.
Tus cambios se comparten en tiempo real con quien esté pintando el mismo sitio.

Herramientas en escritorio

Pincel

Herramienta principal. Pinta un píxel por clic.
Combínalo con la paleta de colores para variar tonos.

Goma

Elimina píxeles pintados.
Útil para corregir trazos sin perder tiempo cambiando de color.

Selección / cursor

Permite navegar sin pintar.
Ideal para inspeccionar el arte sin alterar nada por error.

Cuentagotas (nativo del navegador)

Usa el selector de colores nativo para capturar el color de cualquier píxel en pantalla.
En navegadores compatibles (Chrome/Edge) el popup incluye el botón de cuentagotas.

Zoom

Amplía o reduce el área visible para mayor precisión.
Recomendado para ajustes finos y verificación de alineación.

Cuadrícula

Muestra una referencia visual para lectura píxel a píxel.
Especialmente útil en dibujos pequeños y posicionamiento exacto.

Coordenadas

Muestra la posición x y y del cursor sobre el lienzo en tiempo real.
Ideal para localizar puntos exactos y reportar píxeles con precisión.

Imagen de referencia

Disponible junto al control de opacidad, solo para usuarios conectados.
Importa una imagen local que queda superpuesta al lienzo con opacidad ajustable, para servir de plantilla.
La cantidad de píxeles de la imagen puede definirse en píxeles del lienzo, haciendo que cada bloque coincida con 1 píxel de la cuadrícula; las imágenes más pequeñas usan menos píxeles y las más grandes pueden usar más.
Permite arrastrar para reposicionar (con ajuste a la cuadrícula), bloquear, ocultar y eliminar. La imagen permanece solo en tu navegador.
Hay un modo opcional de bordes transparentes en los píxeles — incluso con opacidad al máximo, puedes ver el lienzo detrás de cada bloque para saber si ya pintaste o no.

Herramientas en móvil

Pincel

Con un dedo, dibuja directamente sobre la captura. Es la herramienta principal para crear arte en móvil.

Goma

Borra píxeles con un toque, con la misma precisión que el pincel.

Pan y zoom

Usa el gesto de dos dedos para mover y hacer zoom. Acércate para precisión; aléjate para ver el conjunto.

Precisión y lectura

Activa la cuadrícula cuando estés dibujando en detalle.
Activa coordenadas para verificar la posición exacta y reportar píxeles específicos.
Usa imagen de referencia con pixelado para reproducir una ilustración con fidelidad.

Atajos de teclado

Los atajos están pensados para reducir el tiempo entre intención y trazo — cuando pasas horas en un lienzo grande, cada clic ahorrado cuenta. Los principales:

B — cambia al pincel.
E — cambia a la goma.
V — cambia al cursor de selección (solo navegación).
G — activa/desactiva la cuadrícula.
C — activa/desactiva la capa de coordenadas.
+ / - — zoom in / zoom out.
0 — reinicia el zoom al 100%.
Espacio (mantener) + arrastrar — pan libre sin cambiar de herramienta.
Ctrl + Z / Ctrl + Y — deshacer / rehacer la última acción local (no afecta a los píxeles ya confirmados por el servidor).
Esc — cierra modales y superposiciones abiertas.

Planificar una pintura grande

Pintar una obra con cientos o miles de píxeles requiere algo más de planificación. Algunas prácticas que funcionan bien en colaboraciones de pPlace:

Define primero el bounding box — elige las coordenadas inicial y final (x1, y1, x2, y2) y anótalas. Compártelas con quien va a colaborar; la capa de coordenadas lo hace trivial.
Usa imagen de referencia — exporta tu arte como PNG al tamaño exacto en píxeles del lienzo e impórtala desde el panel lateral. Bloquéala después de posicionarla para que nadie la mueva por error.
Empieza por los bordes y bloques de color sólido — esto reserva el espacio visual y dificulta que otros pinten encima sin notar la intención.
Usa una paleta reducida — entre 6 y 12 colores suelen bastar, mantienen la obra coherente y facilitan la comunicación en grupo (“el color 3 es el cielo”).
Divide en zonas — reparte tramos por colaborador, ej.: persona A cubre la esquina superior izquierda, persona B la inferior derecha. Acordad puntos de encuentro.
Haz check-ins periódicos — alguien podría estar pintando encima sin querer. Activa el modo de bordes transparentes en la imagen de referencia para ver lo que aún falta.

Caso práctico: reproducir un logo

Supón que quieres pintar un logo simple (20×20 píxeles) en la esquina de una página. Flujo recomendado:

Abre el sitio en el lienzo, espera la captura e identifica la región donde irá el logo.
Activa cuadrícula (G) y coordenadas (C) para leer la posición exacta de cada esquina de la región.
Prepara una versión pixel-art del logo en 20×20 en un editor externo (GIMP, Aseprite, Photoshop) y expórtala como PNG.
En el lienzo, abre el panel de imagen de referencia, carga el PNG y ajusta el tamaño a 20 píxeles del lienzo.
Arrastra la imagen para alinear con el bounding box y bloquéala.
Baja la opacidad de la referencia a algo cómodo (alrededor del 60–80%) y empieza a pintar con el pincel.
Usa el cuentagotas para mantener consistencia de color entre píxeles ya pintados.

Errores comunes

Olvidar bloquear la imagen de referencia

Es fácil arrastrar sin querer y desalinear todo. Siempre bloquea después de posicionar.

Trabajar sin cuadrícula con poco zoom

Sin la cuadrícula es difícil saber exactamente en qué celda estás haciendo clic, sobre todo cuando el lienzo está alejado. Activa G al trabajar en detalle.

Pintar antes de planificar la paleta

Empezar con un color cualquiera e ir cambiando suele dar arte ruidoso. Decide entre 6 y 12 colores antes.

Llegar al límite diario a mitad de un detalle

Antes de iniciar una sesión larga, revisa cuántos píxeles te quedan en el límite. Si necesitas más, las recompensas por actividad y los packs de la tienda pueden ampliarlo.

Glosario rápido

Lienzo: El área pintable superpuesta sobre un sitio capturado.
Captura: Snapshot visual de una página pública, usado como fondo del lienzo.
Píxel: Unidad mínima de pintura. Cada clic crea un píxel.
Cooldown: Intervalo de espera entre pinturas, cuando aplica, para evitar spam.
Límite diario: Cantidad máxima de píxeles que tu cuenta puede pintar en 24 horas. Crece con el nivel y puede ampliarse vía tienda y recompensas.
Nivel: Indicador de progreso de la cuenta. Avanza conforme pintas y cumples hitos.
Imagen de referencia: Imagen local superpuesta al lienzo para servir de plantilla durante la pintura. No se envía al servidor.

Comunidad y conducta

Los píxeles publicados son públicos y están ligados a tu perfil. Mantén el ambiente sano — sin ataques, sin contenido ilegal y sin promoción de estafas. Lee los Términos de Uso para detalles de lo que puede llevar a bloqueo.

Dudas frecuentes

Las preguntas más comunes sobre píxeles permanentes, límites, sitios que se pueden pintar, imagen de referencia y más están centralizadas en la página de FAQ.