pixel editor

- Установился - редактор Lospec Pixel

Редактор Pixel Lospec больше не находится в разработке и больше не принимает взносы.
Он остается доступным по адресу https://lospec.com/pixel-editor в его текущем состоянии, но может содержать ошибки.

Это программное обеспечение на основе браузера для создания Pixel Art

Прежде чем внести свой вклад

Прежде чем начать работу, пожалуйста, откройте проблему для обсуждения, чтобы мы могли организовать работу, не создавая слишком много конфликтов. Если ваш вклад исправят ошибку, пожалуйста, сделайте вилку и используйте филиал ошибок. Если вы хотите поработать над новой функцией, вместо этого используйте новую филиал.

Что внести

Любые изменения, которые исправляют ошибки или добавляют функции, приветствуются. Проверьте проблемы, если вы не знаете, с чего начать: если вы новичок в редакторе, мы предлагаем вам сначала проверить вики.

Следующая версия в основном сосредоточена на добавлении недостающих основных функций и переноса в мобильный.

Предложения / запланированные функции:

• Документация

• Возможность скрыть и изменить размер меню (слои, палитра)

• Плиточный режим

• Загрузочная палитра из файла LPE

• Параметры симметрии (в настоящее время работают)

• Сделайте палитровую сетку вместо того, чтобы иметь огромный стек справа, когда цвета слишком много

• Возможно добавить функцию сотрудничества

• Мобильный

  • Прикоснитесь к эквиваленту кликов мыши
  • Скрыть или масштабировать пользовательский интерфейс
  • Может быть, переставить пользовательский интерфейс на портрете
  • Исправить всплывающие окна

• Польский:

  • Ctrl+A, чтобы выбрать все / выбор -> все, то же самое для отключения
  • Предупреждающие окна для неправильных входов
  • Палитра Удалить неиспользованные цвета
  • Переместить выбор со стрелками
  • Обновление границ, перетаскивая края холста с мышью при изменении размера Canvas
  • Переместите холсты так, чтобы они сосредоточены после изменения размера раздела метод Canvas (возможно, A .Center () в классе слоя)
  • Выбор масштабной / вращения

Как внести свой вклад

Требования

Нет требований, если вы хотите использовать Codespaces GitHub. Если вы предпочитаете настроить свою среду на рабочем столе, вам нужно будет установлен Node.js и GIT.

Вам также нужен npm в версии 7 (из -за 2 -й версии LockFile, которая была введена там), которая поставляется с Node.js 15 или новее. Чтобы упростить установку надлежащих версий, вы можете использовать NVM и запустить nvm install - она будет активировать правильную версию Node.js в вашем текущем сеансе командной строки.

Вклад рабочий процесс

GitHub Codespaces

1. Нажмите на вилку выше. Он автоматически создаст копию этого репозитория и добавит ее в свою учетную запись.
2. В верхней части этой страницы выберите филиал, над которой вы хотите поработать.
3. Нажмите «Код». Выберите подменю «CodeSpaces» и нажмите «Создать кодирование на имя ветви ».
4. Запустите npm install . Затем запустите npm run hot : он откроет всплывающее окно с редактором, поэтому обязательно отключите свой Adblock, если вы используете его.

Среда рабочего стола

1. Нажмите на вилку выше. Он автоматически создаст копию этого репозитория и добавит ее в свою учетную запись.
2. Клонировать репозиторий к вашему компьютеру.
3. Откройте папку в командной строке и запустите npm install
4. Внесите любые изменения, которые вы хотели бы предложить.
5. В командной строке запустить npm run hot , которая будет компилировать приложение в папку /build , подайте в соответствии с http: // localhost: 3000, затем откройте в своем браузере. Более того, он перезапускает сервер каждый раз, когда вы сохраняете свои изменения в кодовой базе. Вы можете пойти еще дальше, запустив npm run hot:reload , которая также запустит перезагрузку веб -страницы.
6. Добавьте, совершайте и подтолкните свои изменения в свою вилку.
7. На странице GitHub для вашей вилки нажмите «Новый запрос на развлечение» над списком файлов.
8. Измените выпадающий репозиторий на вашу вилку.
9. Добавьте заголовок и описание, объясняющее ваши изменения.
10. Нажмите «Создать запрос».

Если у вас есть какие-либо проблемы, см. Эта страница: https://help.github.com/en/articles/creating-a-pull-request-from-a-fork

Функции переключаются

Некоторая функция может быть скрыта по умолчанию. Функции для включения/отключения их доступны в глобальных featureToggles и работают в window.localStorage .

Например, используйте featureToggles.enableEllipseTool() чтобы сделать кнопку инструмента эллипса видимой. Затем featureToggles.disableEllipseTool() чтобы скрыть его.