Мы запустили сервис, генерирующий диаграммы аккордов. Платформа создана на основе проекта Voellmy ChordPic и позволяет создавать красивые диаграммы аккордов для гитар, баса, укулеле и любых других струнных инструментов.
Подобных сервисов достаточно, да и любой нотный редактор и редактор табулатур справятся с этой задачей. Тем не менее наш сервис — одно из самых простых и быстрых решений, позволяющих создать диаграмму гитарного аккорда онлайн (само собой, без смс и регистрации). К слову, редактор помог нам «нарисовать» схемы аккордов и гамм для наших статей об игре на семиструнной электрогитаре и игре на восьмиструнной электрогитаре.
Сервис решает простую задачу — создаёт красивую и понятную диаграмму в браузере любого устройства в несколько кликов/тапов. Сервис будет полезен музыкантам и гитаристам, ученикам и преподавателям. Так, например, можно нарисовать диаграмму аккорда или гаммы в дороге, когда ноутбука с софтом нет под рукой, а из всех устройств в наличии только смартфон и браузер. Более того, благодаря всем ненавистным куки, сайт запоминает последние введённые данные на конкретном устройстве, так что вы можете вернуться к работе даже после закрытия вкладки.
Сервис состоит из трёх основных секций:
- Редактора диаграмм;
- Окна результатов, отображающего итоговое представление диаграммы;
- Cекции cкачивания и расшаривания в социальных сетях.
Как понятно из названия, Редактор предназначен для создания диаграмм гитарных аккордов. Любые изменения вносятся именно здесь. Редактор позволяет указать пальцы, добавить текст, сделать диаграмму вертикальной или горизонтальной, поменять иконки и цвета отображения элементов.
В Окне результатов, обозначенном в интерфейсе надписью Диаграмма, отображается итоговая версия диаграммы. Диаграмма статична, однако все изменения в редакторе моментально отображаются здесь. Фактически, сервис в реальном времени генерирует SVG/PNG со схемой аккорда.
В секции скачивания и расшаривания располагаются кнопки для скачивания диаграммы в различных форматах, а также кнопки для расшаривания диаграммы в социальных сетях. Ссылки на расшаривание пока что работают не до конца корректно, но мы работаем над исправлением этого момента и сообщим о том, когда шейринг заработает полноценно. Со скачиванием диаграмм проблем нет — можно спокойно забрать картинку в PNG или SVG.
В общем, пользуйтесь, добавляйте в закладки и рассказывайте друзьям:
И, кстати, если пропустили, то ранее мы выпускали интерактивный материал о звуковых волнах, на который также стоит обратить внимание:
Звуковые волны: интерактивный гид SAMESOUND по основам звука
