devlog grid-maker #0: concept

Intro

Генератор сеток типа этого, но в браузере.

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

В основной вьюшке приложения - канвас с одной стороны, и список модификаторов с другой. Каждому активному модификатору можно менять параметры, удалять добавлять новые и т.п.

Дополнительно можно подумать над тем чтоб рисовать несколько примитивов на webgl и рендерить предпросмотр

Проект

Хочу попробовать сделать pure-функциональную логику, теплейт возьму свой, заодно допишу туда чего не хватает. Очень хочется подключить анализ покрытия тестов. css попробую наверное bulma.io, и по необходимости подключу vue, хотя надеялся бы обойтись

...
 Upd 25.02.20
Довольно интересный Golden Layout и vue адаптер под него
...

Модификаторы

Grid

 Основной модификатор - модификатор сетки. Можно выставить толщину, частоту, длину соединений (чтоб можно было кресты генерить).

Fill

Модификатор заполнения. Может заполнять цветом, градиентом или картинкой

Pattern

Заполнение паттернами - точками, картинками и т.п.