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