픽셀 아트 도시 야경에서 브라우저 생성 로파이로 공부하기

핵심 요약

• 브라우저에서 동작하는 무료 웹 앱으로, 픽셀 아트 도시 야경 애니메이션(480×270)과 실시간 생성 로파이 음악을 함께 제공한다.
• 파리, 도쿄, 뉴욕, 런던, 리오, 이스탄불, 홍콩, 시드니, 샌프란시스코, 함부르크, 암스테르담, 두바이, 마드리드, 로마, 프라하, 뮌헨 16개 도시를 지원한다.
• 매 장면은 4분마다 매끄럽게 반복되며, 각 도시마다 고유한 날씨, 랜드마크, 도시 소리가 포함된다.
• 음악은 Web Audio API로 실시간 합성되며 샘플이 없으므로 음악이 절대 끊기지 않는다.
• Vibe 패널에서 jazzhop(기본값, 60-88 BPM), 피아노, 앰비언트, 보사노바, 신스, 하우스, 기타, 슬픈 로파이, 중세 음악 9가지 스타일을 선택할 수 있다.
• 각 스타일마다 chords(화음만), no drums(드럼 제외), full band(전체) 3가지 옵션이 있다.
• 곡 제목은 화면 도시에서 영감을 얻으며, 각 도시 소리는 독립적 슬라이더로 제어 가능하다.
• Weather 칩으로 비, 눈, 낙엽, 맑은 밤을 선택하면 도시 소리와 곡 제목이 그에 맞춰 변한다.
• Tour 칩으로 5/10/15/30분 간격이나 현지 시간 1시(자정 이후)로 이동하는 자동 도시 순회 모드를 활성화할 수 있다.
• 현재 각 도시 접속자 수를 실시간으로 확인할 수 있고, 같은 도시 사용자들과 심볼(하트/별/달/음표)을 보내거나 80자 이하 메시지를 익명으로 주고받을 수 있다.
• 계정 불필요하며 로컬 스토리지에만 데이터를 저장하고 서버는 약 25시간 후 기록을 삭제한다.
• 25분 집중 + 5분 휴식(또는 50/10분) 포모도로식 집중 타이머와 15-90분 수면 타이머가 있다.
• OBS 스트리밍 지원(?obs 매개변수로 인터페이스 숨김)과 오프라인 모드(한 번 온라인 접속 후 앱 설치하면 연결 없이 이용 가능)를 지원한다.
• 초상화 모드에서는 랜드마크와 광고판이 항상 보이며 옆으로 드래그하거나 스와이프해 도시를 탐색할 수 있다.
• 현재 프레임을 1080p PNG로 저장 가능하고, 각 도시 광고판은 비즈니스 광고 임차 가능하다.
• 비디오 루프 4분 길이 1920×1080 MP4(60fps, 무음)를 Gumroad에서 판매하며, 유튜브 등 수익 창출 콘텐츠에도 사용 가능하다.