소리 — Bartosz Ciechanowski (2022)

AI 요약

소리는 공기 속 압력 변화가 주변으로 전달되는 현상입니다. Bartosz Ciechanowski는 움직이는 판과 여러 시뮬레이션을 이용해 분자 수준의 충돌부터 사람이 듣는 소리까지 단계를 이어 설명합니다. 독자는 키보드와 슬라이더를 조작하면서 파형과 음높이, 전달 방향을 직접 확인합니다.

분자 운동에서 압력파까지

공기 분자는 빠르고 불규칙하게 움직이며 서로 부딪힙니다. 한 분자가 움직이는 속도는 빠르지만 잦은 충돌 때문에 짧은 시간 동안에는 주변 영역을 크게 벗어나지 않습니다. 판을 움직이면 가까운 공기가 압축되거나 희박해지고, 이 압력 변화가 이웃한 공기 영역으로 전달됩니다. 압력 변화가 귀에 도달하면 소리로 인식합니다.

진동과 파형, 음색

판을 갑자기 움직이면 짧은 팝 소리가 납니다. 움직임의 크기는 소리의 크기에, 초당 진동 횟수인 주파수는 음높이에 영향을 줍니다. 여러 진동을 더하면 하나의 합성된 움직임이 만들어집니다. 같은 주파수라도 파형이 다르면 음색이 달라집니다. 위상 차이가 있는 파형은 서로 강해지거나 상쇄될 수 있으며, 서로 가까운 주파수는 소리 크기가 주기적으로 오르내리는 맥놀이를 만듭니다.

푸리에 분석과 악기의 진동

반복되는 파형은 여러 사인파의 합으로 나타낼 수 있습니다. 푸리에 급수나 푸리에 변환은 시간에 따른 파형을 주파수 성분으로 분해합니다. 급격히 변하는 파형을 사인파로 재구성하면 깁스 현상에 따른 물결 모양의 오차가 생기며, 더 높은 주파수 성분을 추가하면 그 구간이 좁아집니다. 질량과 스프링의 진동은 여러 정상 모드로 나눌 수 있고, 팽팽한 줄도 여러 고조파의 합으로 움직입니다. 줄의 길이가 짧거나 장력이 클수록 기본 주파수가 높아집니다. 줄의 두께가 두꺼워지면 선밀도가 커져 주파수가 낮아집니다.

전달, 크기와 반사

상온에서 소리는 공기 중 초속 약 343미터로 이동합니다. 일반적인 음성의 압력 변화는 약 0.02파스칼로 대기압보다 매우 작습니다. 음압 레벨(SPL)은 기준 압력 20마이크로파스칼과 측정 압력의 비율을 로그로 나타내며 단위는 데시벨(dB)입니다. 점음원에서는 거리가 두 배가 되면 음압 진폭이 절반으로 줄고, 음압 레벨은 6데시벨 낮아집니다. 주파수에 따른 사람의 청각 차이를 반영하려고 음압에 가중치를 적용하기도 합니다. 공기의 점성과 열전도도 소리를 감쇠시키며, 감쇠 정도는 온도와 습도, 주파수에 따라 달라집니다.

도플러 효과와 공간의 음향

음원이 청자에게 다가오면 연속된 파봉이 더 짧은 간격으로 도착해 음높이가 올라가고, 멀어지면 간격이 늘어 음높이가 내려갑니다. 두 스피커의 파동은 위치에 따라 보강되거나 상쇄되지만, 파동 자체는 서로 지나간 뒤에도 계속 전파됩니다. 벽에서는 소리가 반사되고 일부 에너지가 흡수됩니다. 반사음의 도착 간격이 약 50밀리초보다 짧으면 청각은 이를 별개의 소리로 구분하지 못합니다. 실내에서는 반사가 반복되며 소리가 잦아드는 잔향이 생깁니다.

Hacker News 반응

• @Cider9986 — 최근 블로그에서 이런 시각화를 더 자주 보지만, 이 사이트의 것만큼 완성도가 높게 느껴지지는 않습니다.
  • @BOOSTERHIDROGEN — 그는 Tufte와 Victor 이후 모든 시각화의 원조입니다.
  • @maxweylandt — Victor가 누군지 찾아봐야 했습니다. 모르는 분들을 위해 남깁니다. (Bret Victor 위키백과 링크, Edward Tufte 위키백과 링크)
  • @disillusioned — 그리고 중요한 점은 전부 손으로 작성한 순수 JavaScript라는 겁니다. 장인 같네요.
  • @f311a — 작가가 새 글을 올리는 일을 그만둔 것 같습니다. 예전만큼 작품이 인정받지 못해서요.
  • @bayindirh — WebGL 코드를 직접 작성하기 때문입니다. 인터넷 점수를 얻으려고 만드는 게 아니라, 글을 직접 빚어내는 일이었습니다.
  • @matsemann — 한편으로는 더 많은 사람이 이런 시각화를 쉽게 만들 수 있어 좋습니다. 이해를 돕는 좋은 도구지만 작업량이 엄청납니다. 다른 한편으로는 요즘 대량으로 나오는 시각화가 정말 뛰어난 작품이 관심을 받을 공간을 모두 차지하는지도 궁금합니다. 누군가 개념 X를 대충 시각화해 준수하지 못한 설명과 만든 사람의 관점도 아닌 내용을 내놓았는데 반쯤 바이럴이 되어 다른 사람보다 먼저 주목받으면, 제대로 만들려던 사람의 의욕을 꺾을 수 있습니다.
• @vincnetas — 튜링 테스트가 있잖아요. 이제 AI의 범용 지능을 위한 Bartosz 테스트가 필요합니다. 개념을 주고 이렇게 설명하게 하는 거죠.
  • @suopspaces — "가능한 한 단순하게, 하지만 지나치게 단순하지 않게."
• @SwtCyber — 제가 가장 감탄한 건 설명의 진행 방식입니다. 공기 분자가 부딪히는 모습에서 시작해 고조파와 간섭까지 이해하게 됩니다. 이런 글이 좋습니다.
  • @dverlaeckt80 — 동감합니다. 요즘 누가 주제를 이렇게 공들여, 정말 예술적으로 설명하나요.
• @smel — 이 왕은 누구인가요?
  • @wafflemaker — 질문 덕분에 찾아봤습니다. Bartosz는 Patreon 페이지가 있고 거기서 작업 중인 것도 볼 수 있네요. 물리학 강의도 해주면 좋겠습니다. 안테나 작동 원리를 늘 알고 싶었습니다.
• @__natty__ — 이 사람의 블로그 글을 읽으면 어릴 때 잡지나 백과사전에서 좋은 대중과학 글을 읽던 기분이 듭니다. 따라가기 쉽고 시각화도 좋습니다. AI가 나오기 훨씬 전부터 이런 글을 썼으니 내용이 검증됐다고 믿을 수 있습니다.
• @guptarohit — 이 사람의 글은 전부 보물입니다. 최근 Opus5와 함께 이 내용을 바탕으로 음악을 처음부터 설명하는 인터랙티브 가이드를 만들어 봤습니다. (링크)
  • @nhinck3 — 부끄럽지도 않나요?
• @aa-jv — 웹이 존재하는 이유가 바로 이런 겁니다. 다른 사람을 이해하는 데 훌륭하게 기여합니다.
• @ironqcold — 소리가 무엇인지 읽는 일이 이렇게 흥미로울 줄은 몰랐습니다.
• @isolli — 열 살 아들이 위젯을 눌러 보며 한 시간 동안 배웠습니다. 제가 조금 설명해 주긴 했지만요. Bartosz의 또 다른 성공작입니다.
• @bita_nidir — 악기를 배우던 어릴 때 이걸 볼 수 있었으면 했습니다. 궁금한 점은 많았지만 답해주는 사람이 없었습니다. 음악 선생님들은 "3도니까", "5도니까"라고만 했습니다. 시간을 되돌릴 수 있다면 이걸 보여주고 싶습니다. 바로 이거예요. 내가 알고 싶었던 게 이거였어요.

원문: Bartosz Ciechanowski / 번역·요약: Trawling