수심(Depth of Water) 프로젝트

프로젝트 진행기간 : 2023.07 ~ 2023.10

진행인원 : 3명 (기획&디자인 2명 + 개발 1명)

🔗 Site Link https://www.susim.work

🔗 Notion Link https://ohdal.notion.site/Depth-of-water-2e18de88b09249b6b36d35e6c1d06e2f?pvs=4

사이트 상세설명 Click

오프라인으로 진행한 관객 참여형 전시 수심(愁心)을 온라인으로 경험할 수 있습니다.

수심(愁心)

1. 매우 근심함 또는 그런 마음
2. anxiety, worry, apprehension

🌊 당신의 선택으로 만들어진 음악을 들려드립니다.

수심(불안)을 떠올리며 질문에 대한 답변을 해주세요.

답변에 따라 음악 리소스들이 합쳐져 사용자만의 음악을 만들고 들려드립니다.

🌊 음악을 들으며 당신의 “수심”을 작성해보세요.

수심을 배설하는동안 사용자의 마이크를 통해 사용자의 숨의기록(소리)을 받아와 시각화합니다.

시각화된 소리는 마치 물처럼 표현되고, 이는 곧 사용자의 수심의 시각화를 나타냅니다.

사용자가 작성하는 수심이 길어질수록 물의 높이가 높아지면서 사용자의 불안의 깊이를 표현합니다.

배설된 수심은 이내 다른 사용자의 수심과 합쳐지며 사라지게 됩니다.

🌊 “수심” 이미지를 이메일로 전송하세요.

시각화된 수심의 이미지를 이메일로 전송할 수 있습니다.

🌊 다른사람과 “수심”을 공유해보세요.

아카이브 페이지에서 다른사람의 수심을 살펴보세요.

다른 사용자와 수심을 공유하며 나의 수심을 해소할 수 있습니다.

Development List

• Canvas API를 활용하여 글자가 모래처럼 흩어지는 Mouse Interaction Animtion 개발
• Audio, Canvas API를 활용한 사용자 오디오 데이터 시각화
• Firebase realtime-database를 사용한 serverless 프로젝트 구축
• EmailJS 서비스를 이용한 이메일 전송
• Web Speech API를 활용한 TTS(Text to Speech)서비스 개발
• AWS S3 + CloudFront 호스팅 진행