요약
소리는 공기 분자의 충돌이 만든 작은 압력 변화이며, 이 글은 그 원리를 직접 움직여 보는 그림으로 풀어냅니다.
인터랙티브 해설 글로 이름난 바르토시 치에하노프스키가 2022년에 쓴 글입니다. 공기 입자에서 시작해 파형, 악기 줄의 떨림, 데시벨, 메아리까지 차례로 쌓아 올립니다. 독자는 화면 속 건반을 눌러 실제 소리를 들으며 따라갑니다.
왜 중요한가
- 거슬리는 소음과 감동적인 음악이 같은 물리 현상이고, 압력파의 모양과 크기만 다르다는 점을 보고 들으며 확인하게 합니다.
- 음 높이가 줄의 길이와 장력으로 정해지는 이유처럼 흔히 외워서 배우는 내용을 원리부터 보여 줍니다.
핵심 내용
- 소리는 공기가 멀리 흘러가는 것이 아니라 압축과 팽창이 번갈아 퍼지는 압력파입니다.
- 보통 말소리가 바꾸는 기압은 약 0.02Pa로, 대기압의 0.00002% 수준입니다.
- 진동수는 음 높이를 정하고, 파형의 모양은 같은 음이라도 악기마다 다른 음색을 만듭니다.
- 줄이 짧고 가볍고 팽팽할수록 음이 높아지며, 바이올린과 더블베이스의 차이도 여기서 나옵니다.
- 거리가 두 배가 되면 소리는 약 6dB 작아지고, 간섭·도플러 효과·잔향도 그림으로 보여 줍니다.
HN 반응
- 프레임워크 없이 손으로 짠 자바스크립트로 만든 장인의 작품이라는 찬사가 많았고, 요즘 쏟아지는 AI 시각화는 이만 못하다는 평이 이어졌습니다.
- AI 시각화가 좋은 해설이 나올 자리를 먼저 차지한다는 우려와, 더 나은 설명을 쉽게 만들고 화면 낭독기(시각장애인용 읽어 주기 프로그램) 지원도 낫다는 반론이 맞섰습니다.
저는 이 블로그가 너무 좋아서, 지구의 해양과 대기를 다루는 대순환 모델이 어떻게 돌아가는지 설명하는 시리즈를 만들 때 이 블로그를 길잡이로 삼았습니다: https://webgcm.app/explain/air
인터랙티브 쪽에는 이 블로그만큼 공을 들이지 못했지만, 형식에 대한 영감은 100% 바르토시 치에하노프스키의 블로그에서 왔습니다.
어릴 때 악기를 배우면서 이런 게 있었으면 얼마나 좋았을까요. 궁금한 게 한가득이었는데 답해 주는 사람이 아무도 없었거든요. 음악 선생님들은 "3도니까, 5도니까" 하는 식이었고요. 시간을 되돌릴 수 있다면 이걸 보여 주고 싶어요. 이거라고요! 보세요! 내가 알고 싶었던 게 바로 이거라고요!
가장 인상 깊었던 건 글의 전개 방식입니다. 공기 분자 하나하나가 튀어 다니는 데서 출발해 어느새 하모닉스와 간섭 같은 개념까지 이해하게 되죠. 이런 글 정말 좋아합니다!
동감합니다. 요즘 누가 이렇게 정성껏, 솔직히 말해 예술이라 할 만큼 공들여 하나의 주제를 풀어 주려 할까요.
최근 블로그마다 이런 시각화가 부쩍 늘었는데, 이 사이트 것만큼 품질이 좋아 보이지는 않아요.
한편으로는 더 많은 사람이 이런 걸 더 쉽게 만들 수 있게 됐다는 점이 좋습니다. 이해를 돕는 훌륭한 도구이기도 하고요. 다만 엄청난 노력이 드는 작업이라는 건 분명합니다.
그런데 다른 한편으로는, 지금 쏟아져 나오는 것들이 정말 훌륭한 작품이 숨 쉴 공간까지 다 빼앗는 건 아닌가 하는 생각도 듭니다.
예를 들어 누군가 개념 X에 대해 대충 하나 만들어 올렸다고 합시다. 완성도도 별로고 오해한 부분도 있고, 시각화한 내용도 대부분 제작자의 뜻과 상관없이 아무렇게나 나온 겁니다. 그런데 이게 어쩌다 반쯤 입소문을 타서 남들보다 먼저 자리를 차지해 버립니다. 그러면 제대로 만들어 보려던 다른 사람의 의욕이 꺾이는 거죠.
의욕을 꺾는다고까지는 잘 모르겠습니다. 예를 들어 레일리 산란은 설명이 유난히 형편없기로 유명한데, 이상하게도 지금까지 계속 형편없습니다. 얼마 전에 다섯 살 아이와 이 주제로 이야기하게 돼서 어떤 자료가 있나 찾아봤는데, 역시나 여전히 별로더군요. 전부 "하늘은 왜 파란가"로 시작해서 산란을 이야기하는데, 다섯 살한테 산란이라는 말은 아무 의미가 없잖아요. 그래서 Codex에게 이 질문이 원래 어떠해야 하는지 보여 주는 애니메이션 데모를 뚝딱 만들게 했습니다. 하늘은 왜 검지 않은가라는 질문이죠. 이 질문이 제대로 된 질문이라는 걸 이해하고 나면, 그다음에 공기 속에서 빛이 튕겨 나온다는 효과를 제대로 넣을 수 있습니다. 파란빛이 더 많이 튕기기 때문에 시선이 비스듬한 방향(하늘 전체)에서는 파란색이 보이고, 직사광선에는 붉은빛이 남는다는 설명이요(파란빛 대부분이 긴 광로에서 흩어져 버린 붉은 노을이 그 예입니다).
어쨌든 제 요지는, 기존 설명이 이미 형편없으니 의욕을 꺾을 것도 없다는 겁니다. 원하는 바만 알면 더 나은 설명을 아주 쉽게 만들 수 있어서 AI는 오히려 의욕을 북돋워 줍니다. 아이가 정말로 마음에 새기고 제대로 이해했는지는 아직 의문이지만, 나중에 정말 그 문제를 곰곰이 생각할 준비가 됐을 때 지금 나와 있는 어떤 설명보다 훨씬 나은 설명이 될 거라고 확신합니다.
타고난 건지 길러낸 건지 몰라도, 아빠 노릇 하시는 모습에 감탄했습니다.
자녀를 더 낳으셔야 해요!!!
이런 AI 시각화에서 정말 인상적인 건 (항상 그런 건 아니지만) 키보드와 ARIA 지원까지 갖춰 화면 낭독기로 온전히 쓸 수 있는 경우가 많다는 점입니다. 치에하노프스키의 작품은 전혀 그렇지 못하고요. 바이브 코딩으로 만든 허접한 결과물이라도 접근성이 아예 없는 것보다는 낫습니다.
AI로 접근성을 챙기는 건 운에 달려 있습니다. 접근성을 챙기라고 말하지 않으면 AI가 챙길 수도 있고 안 챙길 수도 있는데, 어느 쪽이든 한번 정한 방향으로 계속 갑니다. 처음부터 접근성을 챙기라고 하면 자기가 넣은 ARIA를 나중에도 보고 비슷하게 이어 가고요.
순전히 제 경험에 기대 말씀드리면, 요청하지 않아도 새 프로젝트에서 접근성을 고려하는 건 OpenAI 모델 쪽이 더 많았습니다. 다만 통계적으로 우연히 그렇게 보인 것일 수도 있습니다.
게다가 결정적으로 전부 손으로 짠 순수 JavaScript죠. 그야말로 장인입니다.
저자가 새 글 올리는 걸 그만둔 것도 그 때문이라고 봐요. 예전만큼 작업을 알아주지 않으니까요.
그는 지금도 Patreon 유료 후원자가 541명이나 있습니다. 그리고 마지막 글이 2024년인데, 그때는 AI가 이런 걸 만들 만큼 좋지 않았을 거라고 생각하고, 지금도 그만큼 잘 만들지는 못합니다.
튜링 테스트가 있잖아요. 이제는 범용 지능을 가늠하는 AI용 바르토시 테스트가 필요해요. 개념을 주면 이런 식으로 설명해 내는 거죠 :)
여기 있습니다: 1
2022년에 저는 브라우저에서 돌아가는 기후 모델을 만드는 프로젝트를 했습니다. 수학과 물리가 너무 어려워지는 지점까지는 어떻게든 해냈죠. 그리고 4년이 지난 지금, 최첨단 모델이 나비에-스토크스 방정식의 미해결 문제를 풀 수 있다면 제 기후 모델을 고치는 데도 도움이 되겠다 싶었고, 정말 훌륭했습니다. 기후(그리고 이 모델)가 어떻게 작동하는지 설명하는 10부작 시리즈(아직 진행 중)도 AI와 함께 만들었습니다.
"가능한 한 단순하게, 하지만 그보다 더 단순하지는 않게."
이분 블로그 글을 읽으면 어릴 때 잡지나 백과사전에서 좋은 대중과학 기사를 읽던 때가 떠오릅니다. 이상하게 따라가기 쉽고 시각화도 훌륭하고, AI가 나오기 한참 전부터 이렇게 글을 써 온 분이니 검증을 거친 내용이라고 믿을 수 있습니다.
저는 줄리어스 O. 스미스의 물리적 오디오 신호 처리 책 0을 정말 좋아합니다. 이 글에서 다룬 기초 내용 일부를 담고 있고, 모델링과 응용까지 훨씬 깊이 들어갑니다.
(2022)
토론: https://news.ycombinator.com/item?id=33249215
감사합니다! 관련 글을 모아 정리했습니다.
Sound - https://news.ycombinator.com/item?id=33249215 - 2022년 10월 (댓글 206개)
이 대단한 분은 누구시죠?
질문 덕분에 저도 찾아봤는데요, 바르토시(바르토시가 아니라 샬롬처럼 읽는다고 합니다)는 Patreon 페이지가 있습니다. 지금 무슨 작업을 하는지도 볼 수 있어요. patreon.com/ciechanowski
물리학 강의도 좀 해 주면 좋겠습니다. 안테나가 어떻게 작동하는지 늘 이해하고 싶었거든요.
얘들아, 웹은 이런 걸 하라고 있는 거란다. 같은 인간을 이해하는 데 보탬이 되는 훌륭한 기여입니다.
소리가 무엇인지 읽는 게 이렇게 재미있을 줄은 상상도 못 했네요.
'질량과 용수철' 부분까지 읽고 지금은 '슬라이더 잡기'를 하고 있어요 :')
열 살짜리 아들이 한 시간 동안 위젯을 눌러 보면서 제가 몇 마디 거들었을 뿐인데 솔직히 꽤 많이 배웠습니다. 바르토시가 또 한 건 했네요!
그리고 같은 분이 만든 달 [1]도 있습니다.
[1] https://news.ycombinator.com/item?id=42443229