Creative & Web프로토타입
Zen Pop ASMR
힐링 팝 & ASMR 인터랙티브 앱
#Web Audio API#JavaScript#인터랙티브#ASMR
프로젝트 소개 및 도슨트
“현대인의 지친 마음에 평온을 전하고자 설계된 인터랙티브 사운드 아트입니다. 브라우저의 Web Audio API를 활용해 터치마다 피어오르는 실시간 ASMR 파동을 빚어내어, 시청각적 힐링 공간을 창조했습니다.”
해결 과제 및 기획 배경
업무 스트레스와 피로도가 높은 현대인들이 복잡한 앱 설치나 회원가입 절차 없이, 웹 브라우저에서 즉시 시각·청각적 긴장을 이완하고 편안하게 몰입할 수 있는 인터랙티브 힐링 도구가 필요했습니다.
핵심 구현 기능
- ✓Web Audio API를 활용한 공간감 있는 바이노럴(Binaural) 팝핑 사운드 실시간 합성
- ✓물리 반발력과 부드러운 감속이 적용된 캔버스 버블 팝 시뮬레이션
- ✓화면 터치/클릭 제스처에 반응하는 네온 파스텔 파티클 폭발 연출
- ✓배경 앰비언트 사운드 믹서 및 스트레스 완화 릴랙세이션 타이머
주요 성과 및 가치
성과 01
Web Audio API 활용
성과 02
인터랙티브 UX 설계
성과 03
ASMR 사운드 합성
기술 스택 및 아키텍처
시스템 아키텍처
초경량 브라우저 캔버스 & Web Audio 합성 엔진
적용 기술 스택
Web Audio APIReactHTML5 CanvasTailwind CSSFirebase Hosting