Skip to content

Простая и удобная программа для создания битмапов для твоих интерфейсов 📦

License

Notifications You must be signed in to change notification settings

rokokol/easy-bitmap.github.io

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🖼️ Easy Bitmap Maker 🖼️

Easy Bitmap Maker — это удобное веб-приложение для создания, редактирования и управления битмап-изображениями. Он отлично подходит для иконок, пиксель-арта или любой другой простой графики. Вы можете легко выбрать размер битмапа, рисовать или стирать пиксели, импортировать и экспортировать данные, а также использовать дополнительные инструменты для трансформации изображения.

✨ Основные возможности

  • Выбор типа битмапа: Выберите один из типов uint8_t, uint16_t, uint32_t или uint64_t для автоматического создания квадратной сетки размером 8x8, 16x16, 32x32 или 64x64.

  • Инструменты рисования:

    • Режим рисования (🖌️): ЛКМ — рисование пикселей, ПКМ — стирание.
    • Режим стирания (🧹): ЛКМ — стирание пикселей, ПКМ — рисование.
  • Настройка инструмента:

    • Регулируемый размер пера для точного редактирования.
    • Автоматическое создание сетки при изменении типа битмапа.
  • Импорт и экспорт:

    • Импорт битмапа из C++ кода (📥 Импортировать Bitmap). Если размер не соответствует, приложение попытается подобрать подходящие размеры автоматически.
    • Генерация C++ массива (💾 Сгенерировать C++ код) и копирование его в буфер обмена (📋 Копировать код).
  • Дополнительные инструменты:

    • Инвертирование цветов всего битмапа (🔄 Инвертировать).
    • Очистка всей сетки одним нажатием (🗑️ Очистить).
    • Вращение изображения на 90° по часовой стрелке (↩️).
    • Отражение по горизонтали (↔️) и по вертикали (↕️).
  • Интерфейс:

    • Переключение языка между русским и английским.
    • Адаптивный дизайн для разных устройств.
  • Горячие клавиши:

    • D — переключиться в режим рисования.
    • E — переключиться в режим стирания.

📘 Как использовать

  1. Выбор типа битмапа
    Используйте выпадающий список, чтобы выбрать тип (uint8_t, uint16_t, uint32_t, uint64_t). Сетка будет автоматически создана с соответствующим размером (8x8, 16x16, 32x32 или 64x64).

  2. Рисование и стирание
    Выберите режим рисования (🖌️) или стирания (🧹).

    • ЛКМ в режиме рисования — добавляет пиксели, ПКМ — стирает.
    • ЛКМ в режиме стирания — стирает пиксели, ПКМ — рисует.
      Отрегулируйте размер пера ползунком.
  3. Импорт битмапа (📥 Импортировать Bitmap)
    Нажмите Импортировать Bitmap, вставьте ваш C++ код массива.
    Если размер не совпадает, программа попытается подобрать ближайший доступный размер.
    Подтвердите импорт, и вы увидите ваш битмап в сетке.

  4. Экспорт битмапа (💾 Сгенерировать C++ код)
    Нажмите Сгенерировать C++ код, чтобы получить массив.
    Нажмите 📋 Копировать код для копирования в буфер обмена.

  5. Дополнительные действия

    • Инвертировать цвета (🔄): инвертирует все пиксели.
    • Очистить сетку (🗑️): удаляет все пиксели.
    • Вращение (↩️): поворачивает битмап на 90° по часовой стрелке.
    • Отражение (↔️/↕️): отражает битмап по горизонтали или по вертикали.

⚙️ Установка

Установка не требуется. Просто откройте файл index.html в браузере.

🤝 Вклад

Вклады приветствуются!
Открывайте ишью или отправляйте пулл-реквесты для улучшений и новых функций.

📝 Лицензия

Проект распространяется по лицензии MIT.

About

Простая и удобная программа для создания битмапов для твоих интерфейсов 📦

Topics

Resources

License

Stars

Watchers

Forks