음악에서 영감을 받은 13가지 놀라운 코드 스니펫

개발자의 영혼은 나비의 날개처럼 그려집니다. 항상 밝은 아이디어, 뛰어난 발견, 독특한 솔루션, 놀라운 트릭 및 선구적인 실험으로 가득 차 있습니다.

프로그래머는 웹사이트나 모바일 애플리케이션을 만드는 것과 같은 일상적인 문제를 해결할 뿐만 아니라 긴장을 풀고 코딩의 엄청난 잠재력을 즐기는 것도 좋아합니다. 예술가와 마찬가지로 그들은 상상력을 마음껏 발휘하는 것을 좋아합니다. 그들은 즉흥적으로 몇 가지 사치스러운 개념을 생각해 냅니다.

음악과 코딩은 함께 진행됩니다. 헤드폰을 끼고 책상 뒤에서 일하는 개발자를 본 적이 있습니까? 음악은 사람들에게 긍정적인 영향을 미치며 개발자도 예외는 아닙니다. 그것은 영감을 주고 창의성을 장려합니다.

오늘 우리는 기발한 솔루션을 수집했습니다. 능숙하게 재현된 피아노에서 기이한 음악 시각화 도구에 이르기까지 이 재능 있는 개발자가 만든 것을 확인하십시오.

전통 악기

아래 개발자들은 실제 악기를 가상으로 가져오기 위해 노력했습니다. 이러한 예는 완전히 새로운 방식으로 친숙한 악기를 경험할 수 있는 방법을 제공합니다.

크리스 월크의 피아노

이것은 클래식 악기의 디지털 버전을 만드는 환상적인 방법입니다. 스큐어모픽(skeuomorphic) 구현은 능숙하게 선택한 사운드와 톤과 함께 놀라운 음악적 경험을 재현합니다. 마우스나 키보드를 사용하여 음악을 작곡할 수 있습니다.

Greg Hovanesyan의 실로폰 연주

Greg Hovanesyan이 전문적인 실로폰을 재현했습니다. 그는 막대를 두드리기 위해 나무 망치도 추가했습니다. 웹 오디오 API 오실레이터의 힘을 사용하여 그는 다양한 사운드 영역을 끌어낼 수 있었습니다. 이를 통해 사용자는 다양한 실로폰 같은 사운드를 만들 수 있습니다. 그리고 슬라이딩 및 호버링 대신 막대를 클릭하고 싶지만 확실히 현실감이 있습니다.

WILDER TAYPE의 크리스마스 소리

Wilder Tape의 이 펜은 어린 시절의 분위기를 가지고 있습니다. 우리 모두는 다락방 어딘가에 집에 작고 화려한 실로폰을 가지고 있는 것 같으며 이것이 디지털 복제품입니다. 연주할 수 있을 뿐만 아니라 악기 자체로도 노래를 연주할 수 있습니다. 그리고 이 특별한 경우에는 즐거운 크리스마스 노래입니다.

로미나의 키

Key by Romina는 앞의 두 제품만큼 세련되지는 않지만 나름의 매력이 있습니다. 디자인과 기능뿐만 아니라 사용자 경험에서도 지나치게 단순화되었습니다. 그럼에도 불구하고 모든 음표가 있는 단순한 악기의 완벽한 예입니다.

음악 시간! LegoMushroom / The Bluesman 제작 – Greg Hovanesyan의 The Blues를 재생할 수 있습니다.

개발자들 사이에서 인기 있는 또 다른 악기는 기타입니다. 그리고 두 가지 흥미로운 펜이 있습니다. Music Time! LegoMushroom 및 The Bluesman 제작 – Greg Hovanesyan의 The Blues를 재생할 수 있습니다.

LegoMushroom의 개념은 소리를 내지 않고 기존의 6개가 아닌 9개의 현을 가지고 있지만 탐구하는 것은 흥미로울 것입니다. 현은 사실적인 동작을 하고 있다는 점에 유의하십시오. 현은 진동하고 다채로운 음표를 발산합니다. 또한 몇 가지 옵션을 설정할 수 있는 작은 제어판이 있습니다. Paper.js와 Web Audio API는 프로젝트를 실행합니다.

이것은 Greg Hovanesyan의 또 다른 주목할만한 작품입니다. 지난번에 그는 우리에게 피아노를 칠 기회를 주었지만, 이번에는 기타로 멜로디를 작곡하도록 모든 사람을 초대합니다. 하단의 기타 일러스트는 작곡과는 상관없지만 전체적인 분위기를 더해줍니다. 상단의 키는 기타 사운드를 생성합니다. 또한 반주와 함께 연주할 수도 있습니다.

시각화 도우미

음악 시각화는 미디어 플레이어 소프트웨어 시대에 우리가 좋아했던 기능입니다. 지금은 특별할 것이 없지만 당시에는 놀라운 일이었습니다. Nelson Rodrigues와 Zach Saucier는 초현대적인 솔루션으로 우리에게 이를 상기시키려고 노력합니다.

Nelson Rodrigues의 Three.js 사운드 시각화

Nelson Rodrigues는 Three.js를 사용하여 음악의 춤을 보여줍니다. 그의 사운드 시각화에는 사운드에 반응하고 위아래로 움직이는 기둥이 있는 3D 그리드 장면이 포함됩니다.

Zach Saucier의 Prism 뮤직 비주얼라이저

Zach Saucier는 프리즘 모양을 사용합니다. 그의 프리즘 뮤직 비주얼라이저에는 직사각형 수, 테두리 너비, 프리즘 반경, 색상 등과 같은 옵션을 설정할 수 있는 제어 센터가 포함되어 있습니다. 좋아하는 트랙을 업로드하고 프리즘이 Boogie-Woogie를 하도록 하세요.

일렉트로닉 뮤직

이제 우리가 화면에서 실험하는 데 익숙한 일렉트로닉 음악에 대해 알아보겠습니다.

Matt West의 데모

Matt West의 데모에는 사용자가 사운드를 생성할 수 있는 신디사이저 패드가 있습니다. 그리드 내에서 마우스 커서를 클릭하고 드래그하기만 하면 됩니다. Matt West는 Web Audio API를 활용하여 아이디어를 실현합니다.

Nicholas By Design의 SoundCloud 미니 보드

이 작은 드럼 보드에는 믹스 앤 매치하여 위엄 있는 것을 작곡할 수 있는 9개의 사운드가 있습니다. 키보드를 사용하여 소리를 생성합니다. 작성자는 또한 프로세스를 일시 중지하고 나중에 다시 돌아올 수 있습니다. 또한 보드의 스타일은 네온 컬러링을 기반으로 하며 매우 펑키합니다.

Katherine Kato의 JS 드럼 키트

Katherine Kato의 JS Drum Kit는 작지만 흥미로운 프로젝트입니다. 이 키트에는 간단한 트랙을 작곡하는 데 사용할 수 있는 9개의 인기 있는 사운드가 있습니다. 그것은 매우 장난입니다.

Jake Albaugh의 시드 절차적 음악 생성기

명판에서 알 수 있듯이 Jake의 개념은 설정한 "시드" 단어에서 무한하고 재생 가능한 노래를 생성하는 데 사용됩니다. 노래는 악보로 표시됩니다. 미디 파일을 다운로드할 수도 있습니다. 정말 독창적인 아이디어입니다.

Jake Albaugh의 뮤지컬 코드 진행 아르페지에이터

이것은 약간 압도적으로 보입니다. 코드 진행, 토닉, 모드, 아르페지오 단계, 유형 및 스타일 등 많은 것이 있습니다. 우주선의 관제센터처럼 보입니다. 우리 컬렉션에서 가장 놀라운 음악에서 영감을 받은 코드 프로젝트입니다. Jake Albaugh는 훌륭한 일을 해냈습니다. 그는 이전에 만든 스케일 생성기 및 아르페지오 패턴 생성기를 Tone.js와 함께 사용하여 모든 것을 생생하게 만듭니다. 놀라운.

우리 귀에 음악

코드는 시입니다. 그리고 약음 사분계와 운율 체계로 시를 짓는 데 필요한 모든 단어를 가지고 있을 때, 하나를 쓰지 않는 것은 단지 이기적인 것입니다. 그리고 음악을 적용하면 이 시는 뮤지컬이나 오페라로 쉽게 변형될 수 있습니다.

프로그래머는 생명이 없는 컴퓨터 외에는 아무 것도 다루지 않는 것처럼 보일 수 있으므로 눈 뒤에는 코드와 명령 줄만 있습니다. 그러나 이 모든 선과 명령은 유능한 손에 의해 결국 교향곡으로 변형되는 도구입니다.

현실 세계에서와 마찬가지로 이러한 교향곡 중 일부는 큰 성공을 거둘 수 있지만 다른 교향곡은 그렇지 않습니다. 문제는 이러한 구성이 항상 우리를 유혹한다는 것입니다. 왜죠? 그것들은 우리가 경험하고 탐험하기를 열망하는 독특한 세계를 만들기 때문입니다.