Threejs + WebAudio API를 활용한 공간음향 인터랙티브 웹

퇴사 후 예전부터 배우고 싶던 3D 모델링 프로그램 blender를 재밌게 배웠어요. 그렇게 블렌더로 만든 3D 모델을 가지고 뭘 할까 하다가 🧐, 요즘 관심 가지고 있던 인터랙티브 웹을 구현해봤습니다. 제가 좋아하는 ASMR을 주제로 만들어봤어요. 귀여운 고양이😽와 스피커가 있는 방 안에서 오브젝트를 추가하고 움직여보세요 :) 헤드폰을 끼고 하시면 더 잘 들립니다! 오브젝트를 움직이면 소리도 같이 움직여서 공간음향을 느끼실 수 있습니다. 블로그 포스트에서는 web audio API의 패너 노드에 대해 자세히 다뤄봤습니다. https://roseline.oopy.io/dev/threejs-asmr-room (👈 asmr 룸 링크는 포스트 안에 있어요)