Flower v2 - Обновлённый графический онлайн редактор для рисования

Всем привет, на связи автор блога matrixblog.ru. Совсем недавно я писал про новый графический онлайн редактор для рисования Flower. И вот, я снова пишу про него. Дело в том, что я решил его немного улучшить, как с визуальной точки зрения, так и со стороны возможностей рисования.

Спустя некоторое время я понял, что в редакторе слишком много лишних ползунков и галочек, что для графического онлайн приложения просто неприемлемо – это же не конструктор блок-схем! В итоге, я упростил процесс рисования, убрал галочки и добавил больше кнопок. Но, самое главное – я сделал возможность регулировать параметры цвета для каждой фигуры (кисти). Не только для заливки, но и для контуров цветка.

Давайте приступим к рассмотрению обновлённого графического онлайн редактора для рисования Flower – версия 2. Старая версия редактора находится на этой странице.

Flower – графический онлайн редактор для рисования

Коллекцию кистей (фигур) и кнопки для генерации графического фона я добавил в правую панель управлению. Фактически, все инструменты рисования были добавлены в панель.

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

Под блоком с фигурами есть две кнопки, которые позволяют переключится в один из режимов:

• Заливка – в этом режиме, можно выбрать цвета для заливки фигуры, которую мы выбрали.
• Обводка - позволяет задавать цвет (цвета) для контура (обводки фигуры).

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

В самом низу находится 9 кнопок для создания фона в графическом онлайн редакторе для рисования flower.

Ладно, вводной абзац закончен, приступим к более детальному обзору.

Кисти в графическом онлайн редакторе для рисования Flower

Как было сказано выше, я создал 12 кистей для рисования, и для каждой кисти (фигуры), можно задать собственный цвет, или цвета. Всего, можно добавить пять различных цветов.

Параметры и количество цветов можно указать индивидуально как для режима заливки, так и для режима обводки.

При желании, нужный цвет можно удалить, нажав на соответствующую кнопку.

В прошлой версии, можно было выбрать лишь один цвет, который применялся ко всем фигурам, как в режиме заливки, так и в режиме обводки. Да, можно было поставить галочку для случайного цвета, но это не давало возможности самостоятельно контролировать процесс рисования. Кроме всего прочего, если не было поставлено галочки возле пункта Случайный цвет, то регулирование ползунков (уровень, плотность) не особо давало эффекта при рисовании.

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

В целом, я постарался максимально упростить процесс рисования.

Создание фона в онлайн редакторе Flower

В прошлый раз, я слишком увлёкся возможностями программирования, и не подумал про удобство для пользователя и логику работы редактора. В этот раз, создаваемый графический фон является более контролируемым, и позволяет самому задать нужные параметры.

Всего, для создания фона, имеется три группы кнопок, в каждой группе тоже три кнопки для создания графического фона:

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

Благодаря изменениям алгоритмов работы графического онлайн редактора для рисования Flower, пользователь получить возможность рисовать и создавать графический фон не в случайном порядке, а в контролируемом режиме.

В заключение данной статьи, хотелось бы сказать ещё несколько слов.

На данном этапе, я хотел бы сделать онлайн приложение, которое будет рассчитано на более широкую аудиторию. Да, графические редакторы или инструменты для создания фона пользуются спросом, но для создания конкурирующего продукта нужно потратить больше времени и бессонных ночей.

Если получится, то я попробую сделать что-то более обширное, что будет полезно как творческим людям, так и пользователям всемирной паутины, далёким от желания рисовать.