로그스톤 샵 LogStone Shop
로그스톤 샵 LogStone Shop 바로가기 ↗
이 글은 로그스톤 샵 LogStone Shop 시리즈의 16번째 기록입니다. (총 20개)

오늘 한 일

여둘까 사용법 문서 배포

  • 슬라이드 28장짜리 사용법을 logstone.net/office-layout/guide/에 올렸다
  • 넘겨받은 폴더는 이미 WebP로 줄어 있었고 한국어·영어 두 벌에 언어 전환 버튼까지 들어 있었다. 합쳐서 2MB라 그대로 복사했다
  • 위치는 정적 폴더 그대로 뒀다
    • 이유: 인쇄하면 A4 한 쪽이 되게 만든 문서라 샵 레이아웃에 끼워 넣으면 그 설계가 깨진다. 매뉴얼에는 사이트 머리글·바닥글이 없는 편이 낫다
  • 주소가 확정됐으니 앱 툴바·첫 화면·도움말의 가이드 링크를 이 주소로 바꾸라고 여둘까 쪽에 전달했다
  • 앱 화면이 바뀌어 스크린샷을 다시 뽑으면 요청함에 한 줄 남기고, 샵이 폴더를 다시 복사해 배포하는 방식으로 정했다

KeyBloom 0.1.7 반영

  • 업데이트 내역에 0.1.7을 실었다. 새 파티클 모션 파동, 세기 반응, 성능 개편, 공연 출력 창 배경 이미지 수정
  • 제품 페이지의 모션 목록을 앱과 맞췄다. 「상승 후 흐트러짐」이 「피어오름」의 슬라이더로 합쳐지면서 목록에서 빠졌고, 그 자리에 「파동」이 들어갔다
  • 순서는 앱 드롭다운과 같게 뒀다. 파동을 목록 끝에 놓고 나머지를 한 칸씩 당겼다
  • 소개 문구의 조절 항목 나열에 세기 반응을 더했다

막힌 부분

라벨만 옮겼더니 데모 그림이 다섯 개 어긋났다

제품 페이지에는 모션마다 작은 캔버스 데모가 돌아간다. 모션 이름 목록과 데모 파라미터 목록이 따로 있고 둘을 순서로만 짝지어 놓은 구조였다. 이름 목록만 한 칸씩 당기고 데모 목록을 그대로 두니, 나선 자리에 상승 후 흐트러짐이, 불꽃 자리에 나선이 도는 식으로 다섯 개가 밀렸다.

  • 원인: 짝이 이름으로 묶여 있지 않고 위치로만 묶여 있었다. 한쪽만 고쳐도 아무 오류가 안 나니 화면을 봐야만 안다
  • 해결: 데모 목록을 이름 목록과 1:1로 다시 맞추고, 코드에 “이름을 바꾸면 여기도 같이 옮긴다”는 주석을 달았다
  • 남은 한계: 주석은 사람이 읽어야 작동한다. 짝을 위치가 아니라 이름으로 묶으면 구조적으로 막히는데, 지금은 그 정도 규모가 아니라 주석으로 뒀다

파동은 데모 렌더러에 없는 모션이었다

샵이 들고 있는 데모 렌더러는 앱의 파티클 코드를 옮겨 온 것이라 0.1.7에서 새로 생긴 파동이 없다. 설명(“수면에 물방울이 퍼지듯 고리가 번진다”)만 보고 물리를 짰다 — 위쪽 반원으로 각도를 깔고 속도 편차를 좁혀 고리처럼 퍼지게 했다.

  • 근사치라는 것을 요청함에 밝히고 앱 쪽 값을 주면 그걸로 대체하겠다고 적었다
  • 남은 한계: 데모가 앱과 다른 인상을 주면 광고가 거짓이 된다. 확인을 남에게 맡겨야 하는 상태로 배포했다

다음에 할 일

  • 파동 데모가 앱과 같은 인상인지 확인받고 값 맞추기
  • 메트로놈 새 버전 올라오면 업데이트 내역 이어붙이기
  • 오픈데이 주소가 자체 도메인으로 바뀌면 방침 주소 맞추기
  • 여둘까 영어판·아이콘 UI가 나오면 가이드 스크린샷 다시 받아 배포
  • 중복 파일 찾기 앱은 손질 후 샵 등록 재검토

Series: 로그스톤 샵 LogStone Shop


Suggested Posts