Online Tool Store
Редактор тайловых карт
Рисуйте тайловые игровые карты на изменяемой сетке canvas с цветовой палитрой, затем экспортируйте результат в PNG или готовый для движка JSON.
🔒 Этот инструмент работает полностью в вашем браузере. Ваши файлы никогда не загружаются на сервер.
Нажмите и перетащите, чтобы рисовать тайлы. Правый клик (или Shift+клик), чтобы стереть.
Как это работает
- Выберите размер сетки и нажмите "Изменить размер сетки" (по умолчанию показана карта-пример).
- Выберите тайл из палитры, затем нажмите и перетащите по canvas, чтобы рисовать.
- Правый клик или Shift+клик, чтобы стереть тайл.
- Экспортируйте готовую карту в PNG для изображения-превью или в JSON для данных игрового движка.
FAQ
Как рисовать тайлы на сетке?
Выберите тайл из палитры, затем нажмите и перетащите по сетке, чтобы рисовать. Правый клик или удержание Shift при клике возвращает тайл к пустому.
Можно ли изменить размер карты после начала рисования?
Да — измените поля Столбцы и Строки и нажмите "Изменить размер сетки". Учтите, что изменение размера очищает текущую карту, поэтому сначала экспортируйте работу, если хотите её сохранить.
Что даёт экспорт в JSON?
Файл JSON с размерами сетки, размером тайла, именами палитры и плоским массивом индексов тайлов — готовый к загрузке в игровой движок или собственный рендерер.
Можно ли вместо этого экспортировать карту как изображение?
Да — "Экспорт в PNG" сохраняет ровно то, что вы видите на canvas, полезно для документов дизайна уровней или быстрых превью.
Загружаются ли данные моей карты куда-либо?
Нет. Сетка живёт в памяти вкладки вашего браузера, и оба экспорта создаются локально — ничего не отправляется на сервер.
Как мы выглядим на фоне других
| Возможность | Online Tool Store | Tiled (десктопное приложение) | Встроенные в движок инструменты tilemap |
|---|---|---|---|
| Без установки, работает в любом браузере | ✓ | ✗ | ✗ |
| Простая палитра цветных тайлов для быстрого прототипирования | ✓ | Требуются собственные тайлсеты | Привязано к конкретному движку |
| Бесплатно, без настройки проекта | ✓ | ✓ | Входит в состав более крупного движка |
Для быстрых набросков компоновки уровней или обучения концепциям тайловых карт этот редактор даёт вам рисуемую сетку и экспортируемые данные без установки игрового движка или отдельного редактора карт.