pixel editor

- Deprecido - editor de píxeles de lospec

El editor de píxeles de Lospec ya no está en desarrollo y ya no acepta contribuciones.
Permanece disponible en https://lospec.com/pixel-editor en su estado actual, pero puede contener errores.

Este es un software basado en el navegador para crear arte de píxeles

Antes de contribuir

Antes de comenzar a trabajar, abra un problema para la discusión para que podamos organizar el trabajo sin crear demasiados conflictos. Si su contribución va a solucionar un error, haga un tenedor y use la rama de fixes de errores. Si desea trabajar en una nueva función, utilice la rama de nueva función en su lugar.

Qué contribuir

Cualquier cambio que corrija los errores o las funciones de agregar son bienvenidos. Consulte los problemas si no sabe por dónde comenzar: si es nuevo en el editor, le sugerimos que primero consulte el wiki.

La próxima versión se centra principalmente en agregar características esenciales faltantes y portarse a dispositivos móviles.

Sugerencias / características planificadas:

• Documentación

• Posibilidad de esconder y cambiar el tamaño de los menús (capas, paleta)

• Modo de mosaico

• Paleta de carga desde el archivo LPE

• Opciones de simetría (actualmente se está trabajando)

• Haga una cuadrícula de paleta en lugar de tener una gran pila a la derecha cuando los colores son demasiados

• Posiblemente agregue la función de colaboración

• Móvil

  • Toque equivalente para clics del mouse
  • Esconder o escalar ui
  • Tal vez reorganizar la interfaz de usuario en el retrato
  • Arreglar las ventanas emergentes

• Polaco:

  • Ctrl+a para seleccionar todo / selección -> todo, lo mismo para la deselección
  • Advertencia de ventanas para entradas incorrectas
  • Opción de paleta Eliminar colores no utilizados
  • Mover selección con flechas
  • Actualice los bordes arrastrando los bordes del lienzo con el mouse al cambiar el tamaño del lienzo
  • Mueva los lienzos para que estén centrados después de cambiar el tamaño del lienzo (tal vez un método .center () en la clase de capa)
  • Selección de escala / rotación

Cómo contribuir

Requisitos

No hay requisitos si desea utilizar los espacios de códigos de GitHub. Si prefiere configurar su entorno en el escritorio, deberá tener Node.js y Git instalado.

También necesita npm en la versión 7 (debido a la segunda versión de LockFile que se introdujo allí) que viene con Node.js 15 o más nuevo. Para simplificar la instalación de las versiones adecuadas, puede utilizar NVM y ejecutar nvm install : activará la versión Node.js adecuada en su sesión de símbolo del sistema actual.

Flujo de trabajo de contribución

Respaces de códigos Github

1. Haga clic en la bifurcación arriba. Creará automáticamente una copia de este repositorio y la agregará a su cuenta.
2. En la parte superior de esta página, seleccione la rama en la que desea trabajar.
3. Haga clic en "Código". Seleccione el submenú "CodeSpaces" y haga clic en "Cree CodeSpace en el nombre de la rama ".
4. Ejecute npm install . Luego ejecute npm run hot : abrirá una ventana emergente que contiene el editor, así que asegúrese de deshabilitar su Adblock si está utilizando una.

Entorno de escritorio

1. Haga clic en la bifurcación arriba. Creará automáticamente una copia de este repositorio y la agregará a su cuenta.
2. Clonar el repositorio de su computadora.
3. Abra la carpeta en el símbolo del sistema y ejecute npm install
4. Haga cualquier cambio que desee sugerir.
5. En el símbolo del sistema, ejecute npm run hot , que compilará la aplicación en la carpeta /build , servirá en http: // localhost: 3000, luego abrirá en su navegador. Además, reinicia el servidor cada vez que guarda sus cambios en una base de código. Puede ir aún más allá ejecutando npm run hot:reload , que también activará las recargas de la página web.
6. Agregue, comete y presione sus cambios a su bifurcación.
7. En la página GitHub para su bifurcación, haga clic en Nueva solicitud de extracción sobre la lista de archivos.
8. Cambie el menú desplegable del repositorio de la cabeza a su bifurcación.
9. Agregue un título y una descripción explicando sus cambios.
10. Haga clic en Crear solicitud de extracción.

Si tiene algún problema, vea esta página: https://help.github.com/en/articles/creating-a-pull-request-from-a-fork

Feating Taggles

Algunas características pueden estar ocultas de forma predeterminada. Las funciones para habilitarlas/deshabilitarlas están disponibles dentro de Global featureToggles y operan en una window.localStorage .

Por ejemplo, use featureToggles.enableEllipseTool() para hacer que el botón de la herramienta de elipse sea visible. Luego featureToggles.disableEllipseTool() para ocultarlo.