Alternativa a Piskelapp — Una herramienta de sprites gratis en el navegador que también crea 3D

Si escribiste piskelapp en la barra de direcciones, ya encontraste Piskel: piskelapp es el dominio del editor de pixel art gratuito del navegador. Así que «alternativa a piskelapp» y «alternativa a piskel» son la misma pregunta formulada de dos maneras. No existe un producto aparte llamado PiskelApp. El nombre que la gente recuerda es la dirección.

Esta página es la versión honesta de la respuesta. Lo que Piskel hace bien sobre una cuadrícula de píxeles fija. Dónde se detiene. Lo que añade una herramienta de sprites del navegador cuando la hoja tiene que dejar de ser una imagen y convertirse en un material dentro de una escena por la que puedes caminar. Sin clasificaciones, sin recuentos de descargas, sin benchmarks inventados: el mecanismo, la configuración de archivo y los modos de fallo.

Respuesta rápida

piskelapp es el dominio de Piskel, el editor de pixel art gratuito del navegador, así que «alternativa a piskelapp» y «alternativa a piskel» normalmente son la misma pregunta. Nada del programa cambió cuando el dominio se convirtió en el nombre que la gente recordaba. La aplicación es Piskel. La consulta es un nombre de host.

La pregunta que hay detrás de la consulta es casi siempre una de dos cosas. O quieres el mismo trabajo hecho en una herramienta que ha evolucionado (un lienzo más rápido, más capas, un guardado que te sigue a otra máquina), o quieres algo para lo que Piskel nunca se creó: un generador que produce fotogramas y un constructor de escenas que da a esos fotogramas un lugar donde vivir.

Esos son usos distintos de tu tiempo. Si dibujas cada píxel a mano y te gusta la cuadrícula de Piskel, cambiar de editor te cuesta memoria muscular y te aporta muy poco. Si tu cuello de botella es que un ciclo de caminata se come una tarde, ningún editor 2D lo arregla, porque el cuello de botella es el dibujo, no el editor.

Qué pregunta realmente «alternativa a piskelapp»

Quita el dominio y la frase es «necesito una herramienta de sprites». Eso se divide en tres requisitos que se confunden constantemente: el dibujo, donde un humano mueve píxeles; la generación, donde un modelo dibuja fotogramas a partir de una descripción escrita; y el ensamblaje, donde los fotogramas se convierten en una hoja, la hoja en una animación y la animación en una escena. Piskel cubre bien el primero y parte del tercero. No opina sobre los otros dos.

Decide cuál es tu cuello de botella antes de cambiar nada. La mayoría de quienes dejan Piskel por otro editor 2D vuelven, porque el segundo editor también es una cuadrícula y una barra de herramientas.

Qué es piskelapp (Piskel)

Piskel es un editor de pixel art que funciona en el navegador. Abres la página, fijas un tamaño de lienzo (32×32 es el valor por defecto y sigue siendo una elección razonable) y dibujas sobre una cuadrícula ampliada con un lápiz, un bote de pintura, un tramado, una herramienta de aclarar y un puñado de utilidades más. No se instala nada. No se crea ninguna cuenta. El editor se ejecuta en el lado del cliente, así que una vez cargada la página, dibujar no espera a un viaje de ida y vuelta por la red.

Las partes que le valieron su posición son las que la gente nombra de corrido: el papel cebolla, que te deja ver los fotogramas anterior y siguiente detrás del actual con opacidad reducida mientras animas; los controles de paleta, que te permiten crear un conjunto fijo de colores y mantener cada fotograma dentro de él; un panel de vista previa que reproduce la animación a una velocidad y un tamaño determinados; y una pequeña pila de capas por fotograma.

La exportación es donde resulta realmente útil, y es la parte que más merece la pena entender si estás buscando un sustituto. Puedes exportar el fotograma actual o todos los fotogramas como PNG individuales, exportar un GIF animado, exportar una hoja de sprites como un único PNG con un número de columnas, un número de filas y una escala entera a tu elección, o guardar el proyecto como archivo .piskel, que es un documento JSON que describe fotogramas y paleta.

• Papel cebollaDibuja el fotograma anterior y el siguiente detrás del actual con baja opacidad. Tú controlas la opacidad y qué vecinos se muestran. Es la única función que hace posibles los bucles animados a mano en lugar de dejarlos a la adivinación.
• PaletaCrea o importa una paleta y luego mantén cada fotograma dentro de esas muestras. El orden de los índices importa después: es lo que llevas a un shader o a una rutina de intercambio de paleta.
• Exportación de hoja de spritesUn PNG, tu número de columnas, tu número de filas, una escala entera. Este es el archivo que un motor o una escena 3D realmente consume.
• Exportación a GIFGIF animado con un retardo por fotograma. Bueno para compartir un bucle, incómodo para juegos: el GIF se limita a 256 colores por fotograma y a transparencia de 1 bit, así que los bordes suaves vuelven duros o desaparecen.
• Archivo de proyecto .piskelEl formato de guardado es JSON y contiene los datos de los fotogramas y la paleta. Se reabre en Piskel. No se abre en otros editores.
• Sin cuentaNo hay nada en lo que iniciar sesión. El proyecto vive en la pestaña, en el almacenamiento del navegador y en los archivos que descargues.

Por qué la gente busca el dominio en su lugar

Porque el nombre del producto es un dominio. Quienes recuerdan a medias la herramienta escriben lo que parece una dirección, y el navegador o el cuadro de búsqueda lo completa. Una marca que también es un nombre de host genera consultas con forma de dominio indefinidamente, y esas consultas se mantienen estables incluso cuando nadie escribe sobre el producto.

La segunda razón es que la herramienta ha cambiado muy poco. La cuadrícula, la barra de herramientas, los controles de papel cebolla, el diálogo de exportación: siguen siendo reconociblemente los mismos que hace años. Esa estabilidad es exactamente por lo que la gente todavía la recomienda. También es por lo que hay poco que escribir. Las funciones nuevas generan páginas nuevas; un editor estable genera un conjunto estable de páginas que envejecen despacio, y la consulta del dominio sigue llegando sin nada nuevo detrás.

El efecto práctico es que una búsqueda del dominio devuelve una mezcla de la propia aplicación, tutoriales antiguos y listas escritas antes de que existiera el estado actual de las herramientas del navegador. Esa brecha es la razón de que exista esta página. No es que Piskel haya empeorado. Es que la categoría que lo rodea dio un paso hacia la generación y otro hacia el 3D, y Piskel no, porque nunca se orientó a ello.

Dónde se detiene Piskel

No son quejas, sino límites comprobables. Cada uno es algo que puedes verificar en una tarde.

El límite que más importa es la falta de un camino desde una hoja terminada hasta una escena en funcionamiento. Piskel te entrega un PNG. A partir de ahí entras en territorio de motor: ajustes de importación, modo de filtrado, relleno del atlas, puntos de pivote, rectángulos de fotograma, clips de animación, cajas de colisión. Ese trabajo es real, y es donde una tarea de arte de dos horas se convierte en una tarea de integración de dos días.

• Sin paso de generaciónPiskel dibuja lo que tú dibujas. No hay campo de prompt, ni subida de referencias, ni un modelo que proponga fotogramas. Si necesitas un ciclo de caminata en ocho direcciones, dibujas ocho direcciones.
• Sin salida 3DLa salida son fotogramas de mapa de bits. No hay malla, ni cámara, ni grafo de escena ni iluminación. Una hoja usada en 3D es una textura que tú mismo asignas, recortas y alineas.
• Sin proyecto en la nubeSin cuenta no hay proyecto en el servidor. Cambia a otra máquina y estarás importando un archivo descargado. Borra el almacenamiento equivocado del navegador y la copia local de la pestaña desaparece con él.
• Sin motor de ejecuciónPiskel reproduce tu animación en un panel de vista previa a una velocidad de fotogramas fija y ahí se detiene. No ejecuta entradas, física, colisiones ni cámara.
• Escalado solo con enterosLa escala de exportación es un multiplicador entero por una razón. Un sprite de 32×32 dibujado a 1,5× produce píxeles que alternan entre uno y dos píxeles de pantalla de ancho. El editor no puede arreglarlo; la solución es el filtrado por vecino más cercano más un zoom entero en el momento de la visualización.

Piskel frente a una herramienta de sprites del navegador

La tabla compara ambas en las filas que deciden un proyecto. Cada celda describe un mecanismo, no una puntuación. Si una fila no afecta a cómo trabajas, ignórala.

Lee las filas en orden de cuánto te cuestan. La animación es barata de comparar, porque ambas herramientas animan. El guardado en la nube y la salida 3D son las filas que cambian la forma del trabajo, porque deciden si puedes entregar el arte a otra persona y si el arte tiene adónde ir una vez terminado.

Cuándo merece la pena cambiar a una alternativa a piskelapp

Cambia cuando el paso que bloquea es la generación o la integración. Eso significa una de dos situaciones: no puedes dibujar el volumen de fotogramas que el proyecto necesita, o puedes dibujarlos pero la hoja nunca llega a una escena porque nadie quiere configurar a mano un atlas, pivotes y clips para cada personaje.

No cambies cuando disfrutas dibujando y solo necesitas un GIF o una hoja. La cuadrícula de Piskel es buena y su diálogo de exportación hace lo que promete. El tiempo dedicado a evaluar un sustituto para una herramienta que ya encaja en tus manos es tiempo que no dedicaste a animar.

Genera un sprite aquí

La generación es la mitad que no existe en Piskel, así que merece la pena ser concreto sobre lo que ocurre realmente. Escribes una frase. Agent Sprite Forge la resuelve en un sujeto, una vista, una paleta y un número de fotogramas, y luego rasteriza cada fotograma sobre la misma cuadrícula al tamaño que elegiste. Como cada fotograma comparte una cuadrícula y una paleta, los resultados se empaquetan en un atlas sin ajustes manuales fotograma a fotograma.

Los modos de fallo son predecibles, lo cual es útil. Las palabras de vista ambiguas producen fotogramas que oscilan entre dos lecturas: decir «de frente» en un personaje que además tiene una dirección de caminata lo provoca. Un número alto de fotogramas en lienzos pequeños deja muy poco espacio por fotograma: ocho fotogramas a 16×16 dan unos cien píxeles de área de dibujo cada uno, así que el detalle se convierte en ruido. Las hojas que mezclan siluetas generadas con paletas distintas parecen dos personajes grapados entre sí. En los tres casos, el arreglo está en la frase, no en el modelo.

La exportación refleja lo que ya esperas de una herramienta de sprites: PNG individuales, una hoja empaquetada con un número de columnas y filas, un GIF animado para revisión, o un atlas que incluye rectángulos de fotograma, pivotes y una velocidad de fotogramas sugerida. A partir de ahí, la hoja va a tu propio motor o directamente al editor de mundos de la misma página.

• Hoja PNGUna imagen, con los fotogramas distribuidos según tu número de columnas y filas. Esto es lo primero que quiere un motor o un cargador de texturas.
• Datos de atlasRectángulos de fotograma, puntos de pivote y una velocidad de fotogramas sugerida, para que la animación se reproduzca sin que nadie construya un clip a mano.
• PNG por fotogramaPara cuando quieres retocar un fotograma en un editor de píxeles y volver a empaquetar la hoja tú mismo.
• GIFUn artefacto de revisión rápida. Arrastra los mismos límites de 256 colores y transparencia de 1 bit que cualquier GIF.

De la hoja al mundo

Una hoja todavía no es arte. Es una textura. En una escena isométrica la hoja se sube una sola vez, los fotogramas se cortan en rectángulos UV, y esos rectángulos son lo que el renderizador intercambia a medida que avanza la animación. Dos ajustes hacen la mayor parte del trabajo. El filtrado de textura se mantiene en vecino más cercano para que los píxeles sigan siendo cuadrados, y el atlas recibe uno o dos píxeles de relleno alrededor de cada fotograma para que cualquier filtrado a distancia no arrastre los colores de un fotograma vecino a los píxeles del borde, la causa habitual de un fleco de color en el contorno de un personaje.

La cámara es la otra mitad. El pixel art se lee correctamente bajo una cámara ortográfica con un ángulo isométrico, de aproximadamente 2:1: una huella de baldosa de 32×16 con unos 30 grados de inclinación. Cambia a una cámara en perspectiva y los sprites de la distancia se encogen más rápido que la cuadrícula del suelo, lo que se ve mal aunque nada esté técnicamente roto. Haz zoom en pasos enteros: 1×, 2×, 4×. Un zoom de 1,5× te mostrará filas de uno y de dos píxeles dentro del mismo sprite.

La física y las sombras son las partes que la gente subestima la primera vez. Un sprite tipo cartel publicitario (billboard) es un quad plano que siempre mira a la cámara, así que no puede recibir una sombra proyectada real; el contacto con el suelo es una calcomanía blanda de mancha, dibujada aparte bajo el personaje. Las colisiones salen más baratas como una cuadrícula de baldosas bloqueadas que como colisionadores de malla: el agente recorre un camino por la cuadrícula y la baldosa sobre la que está decide si el paso está permitido. The Cyclops' Island en Neta Studio está construido así, y Mini World es la versión más pequeña del mismo bucle: genera una hoja, suéltala en una escena de baldosas, camina por ella.

• Filtrado por vecino más cercanoMantiene cuadrados los píxeles del sprite. El filtrado bilineal en un sprite de 32×32 produce bordes suaves y turbios que nada posterior puede recuperar.
• Relleno del atlasUno o dos píxeles transparentes de extrusión alrededor de cada fotograma evitan el sangrado de color en los bordes una vez activados los mipmaps.
• Cámara ortográficaCoincide con la cuadrícula de píxeles a cualquier distancia. Una cámara en perspectiva rompe la relación entre la escala del sprite y el tamaño de la baldosa.
• Calcomanía de sombra de manchaUn billboard no puede recibir una sombra proyectada, así que el contacto con el suelo se dibuja en lugar de simularse.
• Colisión por cuadrícula de baldosasLas consultas de baldosas bloqueadas son rápidas y predecibles. Los colisionadores de malla en un mundo de baldosas cuestan más y no aportan nada.

Entra en el mundo al que pertenece

La pregunta del dominio tiene una respuesta corta y una larga. La corta es: es Piskel, y es un editor 2D. La larga es lo que ocurre después de terminar la hoja: abre un mundo construido con los mismos píxeles y observa el paso ante el que un editor se detiene.

FAQ