소리꽃 KeyBloom
소리꽃 KeyBloom 바로가기 ↗
이 글은 소리꽃 KeyBloom 시리즈의 19번째 기록입니다. (총 21개)

오늘 한 일

  • 광택과 발광을 분리 — 건반·파티클 모두 표면 광택(sheen)과 위로 뻗는 발광을 따로 조절. 발광은 켤지/말지 + 크기(건반=길이, 파티클=반경) + (건반)밝기
    • 이유: 슬라이더 하나가 두 효과를 겹쳐 조절해 원하는 룩을 못 잡았음
  • 파티클 가둠 옵션 — 발광 영역 상자(폭·높이) 안에 파티클을 가두기. 나선 등이 화면에 흩어지지 않고 기둥으로 모임
  • 나선형과 나선 기둥을 “나선” 하나로 병합 + 회전 반경·퍼짐·코일 간격 슬라이더 — 토네이도·기둥은 이 값들의 프리셋이 됨
    • 이유: 둘이 근본이 같은 “상승 + 회전”이라 상수만 다른 프리셋이었음. 합치면 중간값(살짝 퍼진 기둥 등)도 가능
  • 나선 회전을 시간이 아니라 “오른 높이” 기준(공간 회전)으로 — 코일 간격을 넓혀도 날아가지 않고 천천히 올라오게
  • 회전 속도 슬라이더 제거 — 결국 상승 속도라 공용 속도/높이와 중복
  • 건반 발광 밝기 슬라이더 추가
  • 웹 광고를 정적 스니펫으로 정리하고, 네이티브용 자체 광고(하우스 광고) 시스템을 설계 문서로 남김

막힌 부분

  • 웹 광고가 자동으로 안 바뀜
    • 원인: 우리 코드 문제가 아니라 AdFit이 클라이언트에서 자동 갱신을 안 함(티스토리·다른 페이지도 동일). 정적 ins 스니펫으로 표준화했지만 자동 갱신은 AdFit 한계라 감수
    • 대신: 네이티브엔 AdFit이 안 뜨니(승인 도메인만 서빙) 내 블로그·앱을 홍보하는 하우스 광고를 넣기로. 원격 ads.json을 앱이 불러와 배너로 그리면 앱 재빌드 없이 내용만 바꿔 반영 — 스펙 문서로 정리(구현은 다음)
  • 나선 “코일 간격”을 조절하는 게 계속 의도와 어긋남
    • 원인: 코일 간격 = 상승 속도 ÷ 회전 수 라, 코일 간격·회전 속도·상승 속도 셋이 한 식에 묶여 있음. 둘을 정하면 나머지는 자동이라 “넓은 간격 + 빠른 회전 + 느린 상승”을 동시에 못 함
    • 해결: 회전을 시간이 아니라 오른 높이 기준(공간 회전)으로 바꿔 코일 간격을 공간상 고정 → 넓혀도 상승과 무관. 중복이던 회전 속도 슬라이더는 제거

다음에 할 일

  • 자체 광고(하우스 광고) 구현 — ads.json + 편집기 + 네이티브 fetch·링크 열기(스펙대로)
  • 인터페이스 버퍼 낮춰 지연 더 줄이기
  • 유료화(결제·라이선스)
  • 알파를 편집툴이 읽는 형식으로 — 네이티브 ProRes 4444
  • 4K 구매 유도 — 결제 붙인 뒤

Series: 소리꽃 KeyBloom


Suggested Posts