창의개인연구 ⑤ 보행자·자동차가 움직이는 공간 음향 시뮬레이터
한 개의 음원을 다루던 인터페이스를, 보행자·자동차가 시간에 따라 움직이는 시뮬레이터로 확장했다. 객체마다 별도의 PannerNode + GainNode를 두고, 발걸음 같은 단속적 노이즈와 로우패스 엔진음을 합성해 위험 단서를 청각화한다.
창의개인연구 시리즈. Three.js·Web Audio API·공간 음향 시뮬레이션·3D 인터페이스 등 개인 탐구 프로젝트의 단계별 진행 노트.
총 5개의 글 · 가장 최근 2026-06-18
한 개의 음원을 다루던 인터페이스를, 보행자·자동차가 시간에 따라 움직이는 시뮬레이터로 확장했다. 객체마다 별도의 PannerNode + GainNode를 두고, 발걸음 같은 단속적 노이즈와 로우패스 엔진음을 합성해 위험 단서를 청각화한다.
Three.js 모듈 오류를 우회하기 위해 데모를 2D 캔버스로 단순화하고, inverse·linear·exponential 거리 모델의 청감 차이를 비교했다. 시작/종료 시의 팝 노이즈는 페이드 인·아웃으로 잡았고, 파형·주파수·리버브를 슬라이더로 노출했다.
Web Audio API의 PannerNode + OscillatorNode + Three.js 3D 시각화로 가장 단순한 형태의 공간 음향 데모를 만들었다. 마우스로 음원을 움직이면 그 방향에서 소리가 나도록 만든 첫 작동본의 기록.
Three.js의 OrbitControls·DragControls와 Web Audio API의 PannerNode를 묶어, 마우스로 음원을 직접 잡고 끌어다 놓는 3D 인터페이스를 만들었다. 합성 톤과 파일 업로드 양쪽을 같은 공간 안에서 공간화하고, X·Y·Z 3축을 모두 다룬다.
주제는 '공간 음향을 활용한 공간 인지 능력 향상 장치'. 시각이 닫힌 사용자에게 청각으로 공간을 그려 주는 장치를 만들고 싶었다. 첫 글에서는 왜 이 주제인지, 그리고 2채널 오디오만으로 정말 입체 음향이 가능한지에 대한 이론적 출발점을 정리한다.
BBlog 는 8 개의 카테고리로 나뉘어 있습니다. 같은 시리즈의 글이 모여 있도록 정리했으며, 각 카테고리는 글의 결을 한 가지로 묶는 역할만 합니다.