Редактор паттернов

Интерактивный визуальный редактор для создания паттернов прямо в браузере.

Использование

Добавьте в ваш markdown файл HTML блок:

<div class="pattern-editor" data-width="3" data-height="3"></div>

Параметры

data-width - ширина паттерна (1-8, по умолчанию 3)
data-height - высота паттерна (1-6, по умолчанию 3)
data-pattern - начальный паттерн (опционально, многострочный текст)

Примеры

Пустой редактор 3x3

Редактор с начальным паттерном

Большой редактор 5x4

Инструменты

🟩 Зеленая клетка - точка воздействия
⬛ Черная клетка - точка происхождения (источник)
⬜ Белая клетка - пустая клетка
↑↓←→ Стрелки - направление
✕ Очистить - удалить содержимое клетки

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

Выберите инструмент из панели инструментов
Кликайте по клеткам сетки, чтобы разместить выбранный тип
Измените размеры через поля “Ширина” и “Высота”
Скопируйте готовый код паттерна кнопкой “Копировать код”
Вставьте код в ваш markdown файл