Collage_n небольшой онлайн редактор, написанный на javascript (canvas), для создания коллажей и различных цветовых эффектов.
С помощью него можно вырезать картинку, переместить, повернуть, масштабировать, отразить, исказить применить какой либо цветовой эффект, а потом скопировать к себе. Также редактор поддерживает создание спрайтов и работу со слоями.
Теперь немного поподробней:
Редактор работает онлайн с github, достаточно просто перейти по ссылке выше, также его можно скачать себе и запустить на локальном сервере, например на node.js (node app).
Для загрузки картинки нужно указать ее url (сервер на котором размещена картинка должен поддерживать crossorigin запросы), на локальном сервере картинку нужно поместить в папку img, затем ее можно отобразить (http://localhost:3000/img/img_name.png) как фоновое изображение.
После загрузки картинку можно масштабировать или отразить, по оси x, y или обоим направлениям.
Для начала работы нужно создать выделение (замкнутый контур) затем его можно отредактировать перемещая либо добавляя контрольные точки, либо сбросить и начать все заново.
Далее после создания контура все что внутри него можно исказить (масштабировать по точкам), для этого нужно нажать на кнопку «Искажать» затем перетаскивать точки в новое положение.
Выделенную область можно залить каким либо цветом, добавить ей прозрачность либо применить какой либо цветовой эффект, а также повернуть ее на какой либо градус.
После всех манипуляций область можно сохранить в спрайт (создать спрайт), а затем переместить в новое положение и создать с него отпечаток на фоновом изображении, спрайты также можно вращать.
Это был краткий обзор всех основных возможностей приложения. Collage_n пока что находится в стадии разработки, но уже поддерживает основную функциональность для создания простых коллажей.
С помощью него можно вырезать картинку, переместить, повернуть, масштабировать, отразить, исказить применить какой либо цветовой эффект, а потом скопировать к себе. Также редактор поддерживает создание спрайтов и работу со слоями.
Теперь немного поподробней:
Редактор работает онлайн с github, достаточно просто перейти по ссылке выше, также его можно скачать себе и запустить на локальном сервере, например на node.js (node app).
Для загрузки картинки нужно указать ее url (сервер на котором размещена картинка должен поддерживать crossorigin запросы), на локальном сервере картинку нужно поместить в папку img, затем ее можно отобразить (http://localhost:3000/img/img_name.png) как фоновое изображение.
После загрузки картинку можно масштабировать или отразить, по оси x, y или обоим направлениям.
Для начала работы нужно создать выделение (замкнутый контур) затем его можно отредактировать перемещая либо добавляя контрольные точки, либо сбросить и начать все заново.
Далее после создания контура все что внутри него можно исказить (масштабировать по точкам), для этого нужно нажать на кнопку «Искажать» затем перетаскивать точки в новое положение.
Выделенную область можно залить каким либо цветом, добавить ей прозрачность либо применить какой либо цветовой эффект, а также повернуть ее на какой либо градус.
После всех манипуляций область можно сохранить в спрайт (создать спрайт), а затем переместить в новое положение и создать с него отпечаток на фоновом изображении, спрайты также можно вращать.
Это был краткий обзор всех основных возможностей приложения. Collage_n пока что находится в стадии разработки, но уже поддерживает основную функциональность для создания простых коллажей.