pixel editor

- Désacré - éditeur de pixels lapospec

L'éditeur de pixels de Lospec n'est plus en développement et n'accepte plus les contributions.
Il reste disponible sur https://lospec.com/pixel-editor dans son état actuel, mais peut contenir des bogues.

Ceci est un logiciel basé sur un navigateur pour créer de l'art de pixels

Avant de contribuer

Avant de commencer à travailler, veuillez ouvrir un problème pour la discussion afin que nous puissions organiser le travail sans créer trop de conflits. Si votre contribution va corriger un bogue, veuillez créer une fourchette et utiliser la branche de fixe de bogues. Si vous souhaitez travailler sur une nouvelle fonctionnalité, veuillez utiliser la nouvelle branche à la place.

Que contribuer

Toutes les modifications qui corrigent les bogues ou les fonctionnalités d'ajout sont les bienvenues. Consultez les problèmes si vous ne savez pas par où commencer: si vous êtes nouveau dans l'éditeur, nous vous suggérons d'abord de consulter le wiki.

La prochaine version est principalement axée sur l'ajout de fonctionnalités essentielles manquantes et le portage sur mobile.

Suggestions / fonctionnalités planifiées:

• Documentation

• Possibilité de cacher et de redimensionner les menus (couches, palette)

• Mode carrelé

• Palette de chargement à partir du fichier LPE

• Options de symétrie (actuellement en cours de travail)

• Faites une grille de palette au lieu d'avoir une énorme pile à droite lorsque les couleurs sont trop nombreuses

• Ajouter peut-être une fonction de collaboration

• Mobile

  • Touch Équivalent pour les clics de souris
  • Cachette ou échelle ui
  • Peut-être réorganiser l'interface utilisateur sur le portrait
  • Correction des popups

• Polonais:

  • Ctrl + a pour sélectionner tout / sélection -> tout, même pour la désélection
  • AVERTISSEMENT Windows pour de mauvaises entrées
  • Option de palette supprimer les couleurs inutilisées
  • Déplacer la sélection avec les flèches
  • Mettre à jour les frontières en faisant glisser les bords du canevas avec la souris lors du redimensionnement de la toile
  • Déplacez les toiles afin qu'ils soient centrés après la redimensionnement de la toile (peut-être une méthode .center () en classe de couche)
  • Sélection d'échelle / rotation

Comment contribuer

Exigences

Aucune exigence si vous souhaitez utiliser les codes de GitHub. Si vous préférez configurer votre environnement sur Desktop, vous devrez installer Node.js et Git.

Vous avez également besoin npm dans la version 7 (en raison de la 2e version de LockFile qui y a été introduit) qui est livré avec Node.js 15 ou plus récent. Pour simplifier l'installation de versions appropriées, vous pouvez utiliser NVM et exécuter nvm install - il activera la version Node.js appropriée dans votre session d'invite de commande actuelle.

Flux de travail de contribution

GiTHub Codespaces

1. Cliquez sur Fork ci-dessus. Il créera automatiquement une copie de ce référentiel et l'ajoutera à votre compte.
2. En haut de cette page, sélectionnez la branche sur laquelle vous souhaitez travailler.
3. Cliquez sur "Code". Sélectionnez le sous-menu "Codespaces" et cliquez sur "Créer un code d'espace sur le nom de la branche ".
4. Exécutez npm install . Ensuite, exécutez npm run hot : il ouvrira une fenêtre contextuelle contenant l'éditeur, alors assurez-vous de désactiver votre ADBlock si vous en utilisez un.

Environnement de bureau

1. Cliquez sur Fork ci-dessus. Il créera automatiquement une copie de ce référentiel et l'ajoutera à votre compte.
2. Clone le référentiel de votre ordinateur.
3. Ouvrez le dossier dans l'invite de commande et exécutez npm install
4. Apportez les modifications que vous souhaitez suggérer.
5. Dans l'invite de commande, exécutez npm run hot qui compilera l'application dans le dossier /build , servira sous http: // localhost: 3000, puis ouvrez dans votre navigateur. De plus, il redémarre le serveur chaque fois que vous enregistrez vos modifications dans une base de code. Vous pouvez aller encore plus loin en exécutant npm run hot:reload , qui déclenchera également les rechargements de page Web.
6. Ajoutez, engagez et poussez vos modifications à votre fourchette.
7. Sur la page GitHub pour votre fourche, cliquez sur la nouvelle demande de traction au-dessus de la liste des fichiers.
8. Changez la liste déroulante du référentiel de tête en votre fourchette.
9. Ajoutez un titre et une description expliquant vos modifications.
10. Cliquez sur Créer une demande de traction.

Si vous avez des problèmes, consultez cette page: https://help.github.com/en/articles/creating-a-pull-request-from-a-fork

Basculement des fonctionnalités

Une fonctionnalité peut être cachée par défaut. Les fonctions pour les activer / les désactiver sont disponibles à l'intérieur de Global featureToggles et fonctionnent sur une window.localStorage .

Par exemple, utilisez featureToggles.enableEllipseTool() pour rendre le bouton d'outil Ellipse visible. Ensuite, featureToggles.disableEllipseTool() pour le cacher.