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

오늘 한 일

• 소리꽃 KeyBloom — MVP 이후 폴리시 라운드
  • 성능 확인 — FPS·작업시간·파티클 수 오버레이를 만들어 재보니, 어제 스프라이트 아틀라스로 이미 60fps가 유지되고 있었다. 감으로 더 파지 않고 성능 항목을 닫음
  • 슬라이더 드래그 시 프레임 튐(색·광택 바꿀 때 아틀라스 재굽기) → 디바운스로 해결
  • 녹화 다듬기 — 녹화 중엔 설정 잠금, “중지·저장”과 “취소(버림)” 분리
  • 파티클 tail — 곡이 끝나도 갑자기 안 사라지고 자연 소멸(녹화도 그 여운까지 포함)
  • 건반 눌림 색 — 단색/파스텔/무지개 모드 + 광택(반짝임 + 위로 뻗는 발광) + 키 뗀 뒤 글로우만 서서히 사라지는 잔광
  • 파티클 색 모드 — min~max 그라데이션 / 랜덤 무지개
  • 우측 패널 탭 UI — 파일·트랙 / 비주얼 / 내보내기로 분리, 재생은 하단 고정

배운 점

• 소리꽃 KeyBloom TIL 2로 정리
  • 성능 최적화는 “감”이 아니라 “측정”부터 — 브라우저에서 FPS 재는 법(requestAnimationFrame 간격), 프레임 작업시간(work)으로 CPU/GPU 병목 구분, 순간 FPS 노이즈를 창 평균 + 워밍업으로 안정화.
  • 오늘 쓴 작은 기법들 — 잔광(렌더에 시간 상태 얹어 감쇠), 디바운스(연속 입력의 비싼 재계산 미루고 flush로 강제 실행), 캔버스 합성 lighter/source-atop, CSS [hidden]이 display:flex에 덮이던 함정

해야 할 일

• 소리꽃 KeyBloom
  • 큐(Cue) — 프리셋 + 트리거(파일=시간, 라이브=단축키)
  • 실시간 연주 모드 (Web MIDI) — 실질적 최종 목표
  • 모양별 색 지정, 고화질 인코딩(ffmpeg.wasm), 합성음 피아노틱하게(조사)
• 회사 툴 — 팀 ERP 기능 기획
• UE5 수업 복습
• ChordSheet — 섹션 색상 Picker, 다중선택 마디 복제
• 습관만들기 Pawbit — Asset 교체, 출시 블로커(AdMob ID·DEV 패널 제거), 파스텔 리스킨
• Crescendo — 오디오 제작, 밸런스, 엔딩 폴리시

Series: Daily Log