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

퇴사 후 예전부터 배우고 싶던 3D 모델링 프로그램 blender를 재밌게 배웠어요. 그렇게 블렌더로 만든 3D 모델을 가지고 뭘 할까 하다가 🧐, 요즘 관심 가지고 있던 인터랙티브 웹을 구현해봤습니다.


제가 좋아하는 ASMR을 주제로 만들어봤어요. 귀여운 고양이😽와 스피커가 있는 방 안에서 오브젝트를 추가하고 움직여보세요 :) 헤드폰을 끼고 하시면 더 잘 들립니다!

오브젝트를 움직이면 소리도 같이 움직여서 공간음향을 느끼실 수 있습니다.


블로그 포스트에서는 web audio API의 패너 노드에 대해 자세히 다뤄봤습니다.

https://roseline.oopy.io/dev/threejs-asmr-room (👈 asmr 룸 링크는 포스트 안에 있어요)

Web Audio API & Threejs로 공간음향 인터랙티브 웹 만들기 - ASMR Room

웹 개발자 송현지입니다 :)

Web Audio API & Threejs로 공간음향 인터랙티브 웹 만들기 - ASMR Room

더 많은 콘텐츠를 보고 싶다면?

또는

이미 회원이신가요?

2023년 11월 1일 오후 1:08

 • 

저장 22조회 3,423

댓글 0