spritemate
1.0.0
SpriteMate - новый редактор Sprite для Commodore 64. Он работает с большинством современных браузеров в Windows, Mac и Linux и является чистым JavaScript и HTML - без плагинов. Все данные обрабатываются только на стороне клиента. SpriteMate поддерживает импорт и экспорт наиболее распространенных форматов файлов для Commodore 64 (например, SpritePad) и может использоваться в качестве зрителя и редактора практически на любом устройстве с браузером.
SpriteMate все еще в разработке. Если вам это нравится, дайте мне знать;) Не стесняйтесь отправлять запросы на привлечение или отправлять идеи, ошибки, запросы в разделе «Проблемы». Ваше здоровье!
Последняя стабильная версия: https://spritemate.com/
Бета -версия: https://beta.spritemate.com/
Видео с более ранней версией: https://www.youtube.com/watch?v=n59axaeqdwe
Используйте npm
$ npm install
$ npm run dev
| Символ | Ярлык | Функция |
|---|---|---|
 | - | Загружает файл. Поддерживаемые форматы: SpriteMate (SPM), SpritePad (SPD, SPR) |
 | - | Сохраняет файл. Поддерживаемые форматы: SpriteMate (SPM), SpritePad 2.0 и 1.8.1 (SPD), источник ASM (TXT) |
 | Z. | Отменить. Когда ты облажался. |
 | Shift + z | Переделан Ибо, когда ты понял, что это было не так уж и плохо |
 | дюймовый | Нарисуйте пиксели |
 | фон | Наводнение |
 | эн | ластик |
 | м | двигаться |
| Символ | Ярлык | Функция |
|---|---|---|
 | м | Переключение между SingleColor и Multicolor Mode |
 | - | Сдвиг спрайт остался |
 | - | Сдвиньте спрайт справа |
 | - | Сдвиг спрайт вверх |
 | - | Сдвиньте спрайт вниз |
 | - | Flip спрайт горизонтальный |
 | - | Flip Sprite Verticical |
 | - | Переключать сетку в включении/выключении |
  | - | Увеличьте окно внедорожнее |
| 1,2,3,4 | Выберите отдельный цвет, прозрачный, многоцветный или многоцветный | |
| Shift + Mouse | Удалить пиксель |
| Символ | Ярлык | Функция |
|---|---|---|
 | - | Растягивает спрайт горизонтально |
 | - | Растягивает спрайт вертикально |
 | - | Наложенный следующий спрайт |
| - | Увеличьте окно внедорожнее |
| Символ | Ярлык | Функция |
|---|---|---|
 | - | Создать новый спрайт |
 | - | Удалить выбранный спрайт |
 | - | Копировать спрайт |
 | - | Вставьте спрайт |
| - | Переключать сетку в включении/выключении |
| - | Увеличьте окно внедорожнее |
| курсор влево и справа | цикл через список спрайтов |
Первоначально я хотел удалить jquery и jquery -интерфейс из этого проекта и заменить его ванильным JS. Время строительства выросло до 10 секунд, что я нашел довольно раздражающим. Репликация модальной функциональности jQuery была более сложной, чем предполагалось, поэтому я решил снова исключить jQuery из пакета JS и загрузить его из CDN. Это значительно сократило время компиляции до 4 секунд. В целом приложение остается чрезвычайно небольшим, с основным кодом приложения около 20 КБ и jQuery около 98 КБ.
Обратите внимание, что было введено два изменения с функцией именования спрайта: спрайты начинаются с номера индекса 0 вместо 1, например, первый спрайт называется «sprite_0» вместо «sprite_1». Это было необходимо для согласованности и моего личного здравомыслия - внутренне номер индекса всегда был 0 вместо 1. Другое изменение заключается в том, что данные спрайта, экспортируемые как ASM или базовый файл, больше не помечают спрайты путем увеличения индекса. Это означает, что спрайт сохранит свое имя, независимо от того, если вы не сортируете в списке спрайтов в другую позицию (что кажется очевидным, но не было таким раньше).
Функция именования спрайта обратно совместима, поэтому при загрузке более старого файла SPM будет применяться имена по умолчанию.
Спрайт инверт (или «негатив» в SpritePad) может выглядеть немного странно в многоцветном режиме, но это не ошибка. В SingleColor A 0 (прозрачный) заменяется на 1 (пиксель) и наоборот, но в разных цветах у нас есть еще два цвета. SpriteMate переключает цвета 3 и 4 в этом случае, как это делает Spritepad.
Это может оказаться полезным при работе с несколькими файлами. Также хороший индикатор, если файл еще не сохранен. Обратите внимание, что из -за характера, как браузеры сохраняют файлы и операционные системы обрабатывают безопасность, файл может сохранить с немного другим именем, если одно и то же имя файла уже существует в месте загрузки (например, Mysprites (1) .SPM »вместо« mysprites.spm »).
Бар меню, кажется, неисправна для некоторых настройки, но в настоящее время проблема не воспроизводима. Thx2 в Leissa для дополнительного тестирования и выяснения того, что отключение «блокировки контента» в Firefox может решить проблему. Если вы столкнетесь с воспроизводимой проблемой с панелью меню, сообщите о описании здесь: https://github.com/esshahn/spritemate/issues
Этот релиз фокусируется на лучшей Usabality. Хотя технически не было добавлено никаких функций, общий рабочий процесс должен быть лучше сейчас. Например, вместо того, чтобы иметь четыре различных значка для перемещения спрайта вверх, вниз, влево или вправо, новый инструмент движения позволяет вам делать это более интуитивно понятно. В качестве побочного эффекта меньше значков усложняют пользовательский интерфейс.
Возможность стереть пиксели была в Spritemate раньше (удерживая «Shift» во время рисования), но теперь инструмент «ластика» делает его более заметным и проще в использовании в рабочем процессе одной рукой.
Был введен новый вариант дублирования спрайта. Ранее это было возможно благодаря комбинации «копии», «новой» и «вставки» (и новый дубликат на самом деле именно это), но это должно добавить к более интуитивному опыту.
Существуют и другие улучшения, такие как визуально более различимый «мусор», чтобы удалить спрайт. Все комбинированные, SpriteMate должны начать чувствовать себя более знакомым, если вы привыкли к другим программам краски, таким как Photoshop.
Хотя было добавлено не так много функций, мне потребовалось довольно много времени, чтобы закончить этот релиз. Мне пришлось вернуть много кода для действительно классной новой функции, которую я не смог надежно работать. Из -за этого мне пришлось поддерживать два филиала кода и функции обратного авторитета в стабильной версии. Я наконец решил поместить новую функцию и сосредоточиться на других.
У меня не было никаких шансов работать над SpriteMate в течение нескольких месяцев из -за того, что мои коммерческие вещи высасывают все мое свободное время. Кроме того, обратная связь недавно остановилась, что тоже не мотивировало меня. В конце концов я проверил трафик для Spritemate и был удивлен устойчивым количеством пользователей. Поэтому я решил снова посвятить больше времени этому проекту. В любом случае, если вам нравится Spritemate, вы можете изменить разницу, сообщив мне, либо по почте (Ingo at Awsm dot de), либо отправив мне твит ( @awsm9000). Дайте мне знать, как я могу сделать SpriteMate лучше для вас!
SpriteMate сохраняет настройки локально. Это может работать немного по -прежнему, и я знаю, по крайней мере, об одном случае, когда кодекс работает, но не должен, насколько я понимаю (но кто я, чтобы судить за разработчика ...). В любом случае, основа для большего количества вариантов конфигурации была заложена для будущих обновлений.
SpriteMate теперь находится в публичной бета -версии. Благодаря всем бета -тестерам, которые помогли найти ошибки и предлагать функции и улучшения. Пожалуйста, ознакомьтесь с документацией на GitHub, чтобы получить обзор функции.
Наиболее распространенные действия получили горячие клавиши для быстрого доступа. Использование Hotkeys в браузере всегда немного сложно, так как браузер принимает многие комбинации (например, CMD/CTRL + C для «копии»). Поэтому некоторые ярлыки могут показаться менее интуитивными. Эти функции доступны, нажимая ключи сейчас:
(1,2,3,4) - Установите одну из четырех доступных ручек/цветов (F) - переключатель полноэкранного вкл.
Toggle Sprite накладывает в окно предварительного просмотра. Следующий спрайт будет использоваться в качестве наложения. Окно предварительного просмотра показывает как спрайты, так и окно редактора показывают другой спрайт с уменьшенной видимостью (например, Skinning лука). Обратите внимание, что в настоящее время информация о наложении Sprite хранится только в собственном формате Spritemate.
