ProPaint

Задача#

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

Моё решение#

Я создал приложение React вокруг собственного редактора Canvas. Прототип поддерживает рисование, простые фигуры, выбор цвета, отмену и повтор действий и экспорт PNG.

Мой вклад#

• Создал приложение самостоятельно.

• Реализовал редактор Canvas и инструменты рисования.

• Связал управление и состояние через React и Redux Toolkit.

• Реализовал историю действий и экспорт изображения.

Технические решения#

Разделить обязанности редактора#

Контроллер, отрисовка, история и инструменты выделены в отдельные модули. Это позволяет развивать рисование без переноса всей логики в один компонент React.

Сначала стабилизировать основу#

Сейчас в фокусе рисование и история. Сохранение проекта, интерфейс слоёв, масштабирование и перемещение остаются будущими задачами.

Чему я научился#

Работа с Canvas объединяет отрисовку, ввод и управление состоянием. Для отмены и повтора нужно чётко определить каждое действие редактора.

Следующие шаги#

• Стабилизировать редактор и проверить историю.

• Улучшить документацию и согласовать её с тестами.

• После укрепления основы изучить сохранение проектов и навигацию по холсту.