13 невероятных фрагментов кода, вдохновленных музыкой

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

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

Музыка и программирование идут рука об руку. Сколько раз вы видели разработчика, работающего за своим столом в наушниках? Музыка положительно влияет на людей, и разработчики не исключение. Это вдохновляет и поощряет творчество.

Сегодня мы собрали ряд причудливых решений. От искусно воссозданных фортепиано до причудливых визуализаторов музыки — посмотрите, что создали эти талантливые разработчики.

Традиционные инструменты

Разработчики, представленные ниже, работали над переносом реальных инструментов в виртуальные. Эти примеры дают нам возможность испытать знакомые инструменты совершенно по-новому.

Фортепиано Криса Вулка

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

«Играй на ксилофоне» Грега Ованесяна

Грег Ованесян воссоздал профессиональный ксилофон. Он даже добавил деревянный молоток, чтобы бить прутья. Используя мощь осциллятора веб-аудио API, ему удалось воспроизвести гамму звуков. Это дает пользователям возможность создавать различные звуки, похожие на ксилофон. И хотя вы хотите нажимать на полосы вместо того, чтобы скользить и зависать, это, безусловно, выглядит реалистично.

Рождественские звуки от УАЙЛДЕРА ТАЙПЕ

Эта ручка от Wilder Taype напоминает детство. Кажется, что у всех нас дома где-то на чердаке есть маленький красочный ксилофон, а этот — его цифровая копия. На нем можно не только играть, но и сам инструмент может играть песню. И в данном конкретном случае это радостная рождественская песня.

Ключ от Ромины

Ключ от Romina не такой изысканный, как два предыдущих, но в нем есть свое очарование. Он упрощен не только в отношении дизайна и функциональности, но и в отношении взаимодействия с пользователем. Тем не менее, это прекрасный пример простого музыкального инструмента, в котором присутствуют все ноты.

Время музыки! от LegoMushroom / The Bluesman – You Can Play The Blues от Грега Ованесяна

Еще одним популярным инструментом среди разработчиков является гитара. А еще у нас есть две замечательные ручки: Music Time! от LegoMushroom и The Bluesman - You Can Play The Blues от Грега Ованесяна.

Хотя концепт LegoMushroom не издает никаких звуков и имеет девять струн вместо классических шести, исследовать его интересно. Обратите внимание, что струны имеют реалистичное поведение: они вибрируют и издают красочные ноты. Кроме того, есть небольшая панель управления, которая позволяет настроить некоторые параметры. Paper.js и Web Audio API запускают проект.

Это еще одна замечательная работа Грега Ованесяна. Если в прошлый раз он предлагал нам поиграть на фортепиано, то в этот раз предлагает всем сочинять мелодии на гитаре. Хотя иллюстрация гитары внизу не имеет ничего общего с композицией, она, безусловно, добавляет общей атмосферы. Клавиши вверху генерируют звуки гитары. Более того, вы также можете подыгрывать фонограмме.

Визуализаторы

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

Звуковая визуализация Three.js от Нельсона Родригеса

Нельсон Родригес использует Three.js, чтобы показать танец музыки. Его звуковая визуализация включает в себя трехмерную сетку сцены с колоннами, которые реагируют на звук и перемещаются вверх и вниз.

Музыкальный визуализатор Prism от Zach Saucier

Zach Saucier выбирает форму призмы. Его музыкальный визуализатор prism включает в себя центр управления, где вы можете установить такие параметры, как количество прямоугольников, ширину границы, радиус призмы, цвет и многое другое. Загрузите свой любимый трек и позвольте призме исполнить буги-вуги.

Электронная музыка

Теперь о том, с чем мы привыкли экспериментировать на экране: электронная музыка.

Демо Мэтта Уэста

Демо от Мэтта Уэста включает синтезаторную панель, которая позволяет пользователям генерировать звук. Все, что вам нужно сделать, это щелкнуть и перетащить курсор мыши в пределах сетки. Мэтт Уэст использует API веб-аудио, чтобы воплотить свою идею в жизнь.

Мини-плата SoundCloud от Nicholas By Design

Эта небольшая барабанная доска имеет девять звуков, которые вы можете смешивать и сочетать, чтобы сочинить что-то достойное. Используйте клавиатуру для создания звуков. Автор также позволяет приостановить процесс и вернуться позже. Кроме того, стиль доски основан на неоновой раскраске и невероятно прикольный.

Ударная установка JS от Кэтрин Като

JS Drum Kit от Кэтрин Като — небольшой, но увлекательный проект. Этот комплект содержит девять популярных звуков, которые можно использовать для создания простого трека. Это очень игриво.

Генератор процедурной музыки Seeded от Jake Albaugh

Как указано на табличке, концепция Джейка используется для создания бесконечных и воспроизводимых песен из заданного вами «исходного» слова. Песня будет представлена ​​в нотной записи. Вы даже можете скачать миди-файл. Это действительно оригинальная идея.

Музыкальный аккордовый арпеджиатор Джейка Олбо

Этот выглядит немного подавляющим. Есть так много вещей: последовательность аккордов, тоника, режимы, шаги арпеджио, типы и стили. Похоже на центр управления в космическом корабле. Это самый невероятный кодовый проект, вдохновленный музыкой, в нашей коллекции. Джейк Олбо проделал большую работу. Он использует свой ранее созданный генератор гаммы и генератор паттернов арпеджио в тандеме с Tone.js, чтобы воплотить все в жизнь. Удивительно.

Музыка для наших ушей

Код — это поэзия. И когда у вас есть все необходимые слова для составления стихов с четырехстопным ямбом и схемой рифмовки, просто эгоистично не написать ее. А когда вы применяете музыку, эти стихи легко превращаются в мюзиклы или оперы.

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

Как и в реальном мире, некоторые из этих симфоний могут иметь огромный успех, а другие — нет. Дело в том, что эти композиции всегда манят нас. Почему? Потому что они создают уникальный мир, который мы хотим испытать и исследовать.