javascript

Как нарисовать новогоднюю ёлочку в MIDI

  • понедельник, 25 декабря 2017 г. в 03:12:20
https://habrahabr.ru/post/345436/
  • Работа со звуком
  • JavaScript


Примерно год назад на Youtube стали появляться ролики в стиле MIDI Drawing, в которых ноты используются для рисования. Выглядит это забавно, иногда даже звучит вполне приемлимо.

Несмотря на кажущуюся сложность, сделать такое по силам даже тем, кто смутно представляет себе отличия септаккорда от трезвучия. Рассмотрим пример создания такого ролика на примере картинки с новогодней ёлочкой:

image


Началось всё с поста в Facebook который набрал около 3 миллионов просмотров:

В оригинальном ролике используется FL Studio, но мы будем использовать более простой он-лайн редактор RiffShare.

Пошаговая инструкция



Открываем чистый лист в он-лайн редакторе RiffShare — открыть в редакторе

Добавляем простешйи ритм на ударных — низкий барабан в каждой четвёртой клетке, высокий через раз, ну и немного тарелок:

image

открыть в редакторе и прослушать

Добавляем линию баса. Пусть это будет монотонный бум-бум-бум, например на ноте Ми. Чтоб сделать чуть поживее будум использовать два баса поочерёдно.

image

открыть в редакторе и прослушать

Для ноты Ми мажорный аккорд содержит также ноты Соль-диез и Си. Чтоб не вдаваться в теорию, ноты аккорда это те частоты которые хорошо звучат вместе.
Сделаем жёлтым инструментом (скрипка) опорные линии на указанных нотах в каждой октаве. Сами линии потом удалим т.к. они нужны только для рисования.
Также добавим ёлку зелёным инструментом (это гитара, но её звучание также не понадобится и мы у неё понизим громкость до нуля):

image

открыть в редакторе и прослушать

Добавляем ритм мелодии красненьким (гитара с овердрайвом). Просто случайным образом расставим ноты ноты на той же полоске что и бас, но на октаву выше:

image

открыть в редакторе и прослушать

Сместим ноты по веткам ёлочки чтоб получилась мелодия:

image

открыть в редакторе и прослушать

Основная работа сделана. Добавляем нот красного инструмента (любых от балды, но только на битах ритма и высоте нот аккорда, тогда они будут звучать хорошо).

Удаляем жёлтые полоски, слушаем конечный результат:

image

открыть в редакторе и прослушать

Выглядит как ёлочка, звучит нормально.

Дополнительно



Чтобы расшарить мелодию необязательно записывать видео. Достаточно в меню редактора (иконка с гайкой в левом верхнем углу) скопировать URL в "пункте full URL (right-click and select 'copy link address')" и вставить ссылку в комментарий, пост или любое текстовое сообщение.