AI와 만든 빗소리ASMR, 편의점편

여러분은 빗소리 좋아하시나요? 저는 빗소리를 좋아하는 편입니다.

특히 편의점에서 라면을 먹으며 큰 유리창으로 밖을 보며 감성에 젖기도 하는데요.

비가 오지 않는 날에는 가끔 유튜브에서 ASMR 빗소리를 듣기도 합니다.

유튜브 빗소리 화면은 실감나긴 한데, 뭔가 정적이어 계속 보다보면 지루하더라구요.
'화면에 계속적인 변화가 있으면 어떨까?'

AI와 함께 만들어 보았습니다.

편의점 창 밖은 밤 풍경인데요. 저 멀리로 빌딩이 보입니다.

지나가는 불빛은 자동차를 의미하지요. 
우산을 쓴 행인이 가끔씩 등장하여 지나 다닙니다.

편의점 실내에는 손님이 방문하여 입장하거나 물건을 고르거나 구매할 때 대사를 한마디씩 쳐줍니다.
상품을 판매하면 매출이 누적되고 화면 상단에 표시됩니다.

세세한 위치 조정은 AI가 잘 못해서.. 좀 수작업을 했습니다.
빗소리는 픽사베이에서 가져왔구요. 2개를 섞어서 재생하고 있지요.

이렇게 해서 완성은 했는데 계속 보다 보니 지루해지긴 마찬가지더라구요 ㅎㅎ
나중에 다른 컨셉으로 빗소리ASMR 또 도전해볼 생각입니다.

이 페이지는 아래 URL에서 확인하실 수 있어요~
빗소리 좋아하시면 즐겨찾기에 넣어 두셨다 생각나시면 인출!

https://cray7.mycafe24.com/ASMR2/

편의점 창가 비오는 날 ASMR

만드는 과정이 2일 나눠서 작업해 먼저번 대사는 날라갔네요.
2일차 채팅 중 AI에게 요청한 주요 부분만 공유드립니다.

ASMR 비오는 분위기의 편의점을 만드는 중이야. 
빗소리를 구현할 참인데 sounds 폴더의 gentle-rain-sound-51799.mp3 와 
rain-sound-188158.mp3 볼륨을 적당히 섞어서 무한 재생해줘. 
나중에 더 추가할거니 JSON 배열로.
브라우저 정책에 따라 처음에 재생이 가능하면 재생하고 
재생이 불가하면 화면을 클릭하면 재생이 되게 해줘.

사람들이 방문해서 물건을 사고 돌아가는 광경도 연출해줘. 
편의점에 어울리는 대사 말풍선도 추가해주면 더 좋고.
참고로 미리보기 URL은 http://localhost/ASMR2/ 이야

손님이 손에 상품도 들고 있으면 좋겠어

말풍선이 캐릭터를 가리는데 캐릭터 위에 뜨게 해줘.

편의점에서 물건을 팔때마다 수익이 벌리고 수익금이 화면에 표시되게 해줘. 
수익이 일어날때마다 로컬스토리지에 저장했다가 페이지 로딩하면 자동으로 뜨게 해줘

창밖으로 가끔 랜덤하게 우산을 쓰고 걸어가는 행인이 등장하게 해줘.

우산을 쓴 행인이 안 보이네. 검토 부탁해.

행인의 높낮이를 여러 형태로 조정하고 다리도 만들어줘.

@speechData.js 손님 대사 데이터를 별도 파일로 분리했어. 
대사종류가 적은데 대사를 다양하게 추가해줘.

흥미로운 주제가 되셨을까요?
오늘도 방문 감사합니다!