오늘 해낸 것 (2026-07-16)

오늘 한 일

• 소리꽃 KeyBloom
  • 무료 출시 준비
    • 내보내기 4K를 유료로 잠금 — 무료는 1080p까지, 4K 항목은 ”👑 PRO”로 보이되 선택 불가
    • Ctrl+S로 저장 — 처음 한 번만 위치를 고르고, 이후엔 창 없이 같은 파일에 바로 덮어쓰기. 프로젝트 파일은 .kbloom
    • 프로젝트에 오디오도 기억 — 다시 열면 오디오가 자동으로 붙고, 파일이 없어졌으면 다른 걸로 바꿀지 물어봄
    • MIDI를 고쳐서 다시 불러와도 만들어둔 큐·시퀀스가 안 날아감(오디오는 유지할지 물어봄)
    • 재생 중에 오디오를 바꾸면 자동으로 일시정지
    • 시퀀서 왼쪽에 250×250 광고 자리 확보(실제 광고는 배포 후)
  • 비주얼·UI 다듬기
    • 건반 색에 Min~Max 그라데이션 추가 — 세게 칠수록 Max 색(파티클과 같은 규칙)
    • 큐가 바뀌어도 이미 눌려 있는 건반은 색·광택이 안 변함(파티클처럼 처음 눌린 순간의 설정 유지)
    • 해상도를 드롭다운으로 되돌리고, 버튼이 두 개씩 보이던 것과 시퀀서 툴바가 찌그러지던 것 수정
• 모래게임 Sandrop
  • 색 구분 문제를 뿌리부터 정리
    • 한 레벨에 사실상 같은 흰색·회색이 여러 바스켓으로 있어 뭘 부어야 할지 모르겠던 문제. 백조가 회색이던 것, 배경과 메인이 둘 다 흰색이던 것도 함께 해결
    • 200레벨 전수 검사를 붙여 색이 충분히 갈리는지 자동 확인하게 함 (전부 통과)
  • 비활성 양동이를 어둡게 하는 대신 엎어놓기
    • 어둡게 처리하니 색이 달라 보여 오히려 헷갈렸다. 이제 못 꺼내는 통은 엎어두고, 꺼낼 수 있게 되면 뒤집히며 열린다. 색은 원래대로 보인다

어려웠던 점

• 모래게임 Sandrop
  • 4K를 유료로 막을 때 “유료가 있다는 걸 보여주되 못 쓰게” 하는 표기를 정하는 게 고민이었다. 숨기면 유료 티어가 있는 줄도 모르고, 그냥 막으면 왜 안 되는지 모른다. 왕관 이미지 뱃지까지 만들어봤는데 드롭다운엔 이미지가 안 들어가서, 결국 ”👑 PRO” 텍스트로 정리했다

배운 점

• (모래게임 Sandrop TIL 8로 정리) 밝은 색의 “선명함”을 재는 흔한 공식은 값이 부풀려져 거의 흰색인 색을 오판한다 / 색을 움직이는 보정이 있으면 합치기는 그 뒤에, 그리고 수렴할 때까지 / 상태를 색으로 표현하면 색 정보가 망가진다 — 방향으로 옮긴다 / 전수 검사가 없으면 51개가 깨진 줄도 모른다
• (소리꽃 KeyBloom TIL 7로 정리) 브라우저에서 파일에 바로 덮어쓰기(File System Access, 핸들 재사용) / 파일 핸들을 IndexedDB에 보관해 새로고침 뒤에도 자동 복원(권한 재요청 필수) / 무료·유료 게이팅은 UI만이 아니라 진입점에도 / CSS [hidden]이 display에 덮이는 함정과 flex 기본 shrink

해야 할 일

• 소리꽃 KeyBloom — Cloudflare Pages 배포(무료 출시), 배포 후 카카오 애드핏 붙이기, 파티클 시드화·고화질 인코딩(ffmpeg.wasm)
• 모래게임 Sandrop — 승리 화면 광고 타이밍, 일시정지 버튼, 벨트 슬롯 광고 확장, 일일 접속 보상

Series: Daily Log