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