창의개인연구
창의개인연구 ⑤ 보행자·자동차가 움직이는 공간 음향 시뮬레이터
한 개의 음원을 다루던 인터페이스를, 보행자·자동차가 시간에 따라 움직이는 시뮬레이터로 확장했다. 객체마다 별도의 PannerNode + GainNode를 두고, 발걸음 같은 단속적 노이즈와 로우패스 엔진음을 합성해 위험 단서를 청각화한다.
2026-06-18
#PannerNode
PannerNode 태그가 붙은 글 모음. BBlog 의 개발·대회·연구 기록 중 PannerNode 와 관련된 글이 한 곳에 묶여 있다.
총 4개의 글
창의개인연구
창의개인연구 ③ 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