WebAudioAPI 2

[Midnight 스터디 카페 #7] 음원 파일 없이, 코드로 빗소리와 재즈를 만들다

비 오는 밤 카페인데, 빗소리가 없었다기능은 꽤 갖춰졌습니다. 앉아서 공부하고, 원두를 벌고, 음료를 사고, 옆에 사람이 있어요. 그런데 어느 날 화면을 한참 보다가 이상한 위화감이 들었습니다. 이 게임, 소리가 하나도 없었어요.비 내리는 밤의 카페를 만든다면서 빗소리 한 방울이 안 났습니다. 차분한 재즈가 깔린 공간을 그린다면서 정작 정적만 흘렀고요. 눈으로는 밤인데 귀로는 아무 데도 아니었던 거죠. 분위기가 곧 상품인 서비스에서 이건 꽤 큰 구멍입니다.음원을 넣기 싫었던 이유가장 쉬운 답은 음원 파일을 사서 넣는 겁니다. 빗소리 mp3 하나, 로파이 재즈 루프 하나. 그런데 그러기가 싫었어요. 이유가 몇 개 있었습니다.첫째, 저작권입니다. 나중에 앱으로 팔 생각이라면 배경음악 라이선스는 계속 발목을 ..

채팅 위젯 한 장으로 '녹는 얼음 구체'를 만들려다 셰이더 레이마칭까지 간 이야기 — 7전 7패 기술 회고

얼음 만지는 ASMR 앱 만들려다 셰이더까지 파고든 주말 (결론: 7번 다 망함)별 생각 없이 시작했다. 화면 속 얼음을 손으로 만지면 사르르 녹는, 그런 ASMR 앱 하나. 외부 이미지나 사운드 파일 없이 코드만으로. 쉬울 줄 알았다. 결론부터 말하면 일곱 번 갈아엎고 일곱 번 다 망했고, 마지막엔 컨셉 자체를 버렸다. 그래도 망하는 과정에서 배운 게 꽤 있어서 정리해 둔다.먼저 전체 여정을 표로. #접근망한 이유 1Canvas 2D 마스킹 (성에 긁어내기)평면이라 '구'가 아님 2원 클리핑 + 방사 그라데이션음영 칠한 원일 뿐, 입체감 없음 3소프트바디 물리녹일 때 정점이 찢어지며 형태 붕괴 4곡선 슬럼프 모델안정적이지만 '녹는' 느낌이 안 남 5픽셀 단위 ..

카테고리 없음 2026.06.27