🔧 기술 스택

📅 2025.10.03

사용된 기술

  • WebGPU: 차세대 웹 그래픽 API
  • Web Audio API: 공간 오디오 처리
  • Three.js: 3D 렌더링 및 씬 관리
  • HRTF: Head-Related Transfer Function을 통한 3D 오디오

구현 특징

  • 실시간 오디오 공간화 (Spatialization)
  • 거리 감쇠 (Distance Attenuation) 모델링
  • 도플러 효과 시뮬레이션
  • 리버브 및 환경음 처리

🚀 향후 업데이트 계획

📅 2025.10.03

계획중인 기능

  • 🎪 다양한 3D 환경 프리셋 추가
  • 🎼 여러 음원 동시 재생 지원
  • 🎚️ 고급 오디오 이펙트 추가
  • 📊 오디오 시각화 기능
  • 🎮 VR 지원 (WebXR)
  • 💾 사용자 설정 저장
  • 🎵 사용자 오디오 파일 업로드

💡 사용 팁

  • 헤드폰 사용: 공간감을 제대로 느끼려면 헤드폰이 필수입니다
  • 환경 설정: 조용한 환경에서 체험하세요
  • 음원 위치: 마우스나 키보드로 3D 공간을 탐색하며 음원 위치를 찾아보세요
  • 브라우저 확인: Chrome이나 Edge에서 WebGPU를 활성화하세요

⚠️ 알려진 이슈

📅 2025.10.03
  • Safari는 아직 WebGPU를 완전히 지원하지 않습니다
  • 일부 모바일 기기에서는 성능이 제한될 수 있습니다
  • 저사양 PC에서는 프레임 드롭이 발생할 수 있습니다

문제가 발생하면 게시판에 버그 리포트를 남겨주세요!