오늘 해낸 것 (2026-07-03)
이 글은 Daily Log 시리즈의 92번째 기록입니다. (총 155개)
오늘 한 일
- 소리꽃 KeyBloom (신규 프로젝트)
- MIDI를 넣으면 88건반이 눌리고 그 위로 파티클이 피어오르는 연주 이펙트 비주얼라이저 MVP 제작
- 파티클 모션을 데이터 주도로 — 피어오름·방사형 개화·나선형(토네이도)·불꽃(폭죽)·분수, 색·모양(다중)·광택 파라미터로 조절
- 대량 파티클 렌더 최적화 — fillText 대신 미리 색 틴트한 스프라이트를 drawImage
- 영상 저장 — canvas.captureStream + MediaRecorder로 WebM 추출(해상도·배경 투명/블랙·오디오 옵션)
- 여둘까 Office Layout
- 거리·면적 재는 중에도 도면을 옮길 수 있게 팬(화면 이동) 추가 — 좌클릭이 측정점 찍기에 점유돼 있어 휠클릭·우클릭 드래그 + Space+좌드래그에 팬을 얹음
- 팬 중엔
stage.position만 바꾸므로 measure 좌표(world)가 불변 → 재던 측정이 안 깨지고 이어서 찍을 수 있음 - 도움말·단축키 안내 갱신
배운 점
- 소리꽃 KeyBloom TIL 1로 정리
canvas.captureStream+MediaRecorder로 캔버스를 브라우저 안에서 영상으로 저장 /<audio>의captureStream으로 오디오 트랙을 합쳐 소리까지 녹음 /clearRect로 그리면 알파 WebM(투명 배경) 저장fillText는 매번 폰트 파싱·글리프 래스터화라 비싸다 → 미리 색 틴트한 스프라이트를drawImage로 / 색은 24단계 양자화해colorT인덱스 / 광택은source-atop·lighter합성 / 제자리 압축으로 GC 절감- 여러 모션을 물리값(속도·중력·감쇠·흔들림·수명)으로 환원해 하나의 제네릭 update로 / 토네이도=흔들림 진폭 성장(swayGrow) / 불꽃=파티클이 파티클을 낳는 2단계, 폭발은 루프 뒤에 방출
- 위치를 픽셀 대신 0~1 비율로 저장하고 픽셀 변환은 렌더에서만(해상도·비율 독립) / 16:9 레터박스 뷰 / 캔버스 DPR로 선명하게
- Web Audio 오실레이터로 샘플 없이(오프라인) 합성음 / MIDI→주파수
440*2^((n-69)/12)/ 게인 엔벨로프 목표값은 0 대신 0.0001(지수 램프·클릭 방지)
- (여둘까 Office Layout TIL 4로 정리) 캡처 단계 리스너 +
stopPropagation으로 남의 이벤트 핸들러를 안 건드리고 특정 제스처만 가로채기 / 브라우저의 pointer·mouse 이중 이벤트 계열 / 짝 이벤트 중복·잔여 처리
해야 할 일
- 소리꽃 KeyBloom
- 성능 최적화 (밀집 구간 버벅임)
- 큐(Cue) 기능 — 구간별 색·모양 오버라이드
- Cloudflare Pages 배포
- 회사 툴
- 팀 ERP 기능 기획
- UE5 수업 복습
- ChordSheet
- 섹션 색상 Picker, 다중선택 마디 복제
- 습관만들기 Pawbit
- Asset 교체 (마을 map, 숲 속, 리뮤)
- 출시 블로커 — 실제 AdMob ID, DEV 패널 제거
- 나머지 화면 파스텔 리스킨, 밸런스 미세조정
- Crescendo
- 오디오 제작
- 밸런스 조절
- 엔딩 화면 폴리시
Series: Daily Log
1 ｜ 오늘 해낸 것 2 ｜ 오늘 해낸 것 3 ｜ 오늘 해낸 것 4 ｜ 오늘 해낸 것 5 ｜ 오늘 해낸 것 6 ｜ 오늘 해낸 것 7 ｜ 오늘 해낸 것 8 ｜ 오늘 해낸 것 9 ｜ 오늘 해낸 것 10 ｜ 오늘 해낸 것 11 ｜ 오늘 해낸 것 12 ｜ 오늘 해낸 것 13 ｜ 오늘 해낸 것 14 ｜ 오늘 해낸 것 15 ｜ 오늘 해낸 것 16 ｜ 오늘 해낸 것 17 ｜ 오늘 해낸 것 18 ｜ 오늘 해낸 것 19 ｜ 오늘 해낸 것 20 ｜ 오늘 해낸 것 21 ｜ 오늘 해낸 것 22 ｜ 오늘 해낸 것 23 ｜ 오늘 해낸 것 24 ｜ 오늘 해낸 것 25 ｜ 오늘 해낸 것 26 ｜ 오늘 해낸 것 27 ｜ 오늘 해낸 것 28 ｜ 오늘 해낸 것 29 ｜ 오늘 해낸 것 30 ｜ 오늘 해낸 것 31 ｜ 오늘 해낸 것 32 ｜ 오늘 해낸 것 33 ｜ 오늘 해낸 것 34 ｜ 오늘 해낸 것 35 ｜ 오늘 해낸 것 36 ｜ 오늘 해낸 것 37 ｜ 오늘 해낸 것 38 ｜ 오늘 해낸 것 39 ｜ 오늘 해낸 것 40 ｜ 오늘 해낸 것 41 ｜ 오늘 해낸 것 42 ｜ 오늘 해낸 것 43 ｜ 오늘 해낸 것 44 ｜ 오늘 해낸 것 45 ｜ 오늘 해낸 것 46 ｜ 오늘 해낸 것 47 ｜ 오늘 해낸 것 48 ｜ 오늘 해낸 것 49 ｜ 오늘 해낸 것 50 ｜ 오늘 해낸 것 51 ｜ 오늘 해낸 것 52 ｜ 오늘 해낸 것 53 ｜ 오늘 해낸 것 54 ｜ 오늘 해낸 것 55 ｜ 오늘 해낸 것 56 ｜ 오늘 해낸 것 57 ｜ 오늘 해낸 것 58 ｜ 오늘 해낸 것 59 ｜ 오늘 해낸 것 60 ｜ 오늘 해낸 것 61 ｜ 오늘 해낸 것 62 ｜ 오늘 해낸 것 63 ｜ 오늘 해낸 것 64 ｜ 오늘 해낸 것 65 ｜ 오늘 해낸 것 66 ｜ 오늘 해낸 것 67 ｜ 오늘 해낸 것 68 ｜ 오늘 해낸 것 69 ｜ 오늘 해낸 것 70 ｜ 오늘 해낸 것 71 ｜ 오늘 해낸 것 72 ｜ 오늘 해낸 것 73 ｜ 오늘 해낸 것 74 ｜ 오늘 해낸 것 75 ｜ 오늘 해낸 것 76 ｜ 오늘 해낸 것 77 ｜ 오늘 해낸 것 78 ｜ 오늘 해낸 것 79 ｜ 오늘 해낸 것 80 ｜ 오늘 해낸 것 81 ｜ 오늘 해낸 것 82 ｜ 오늘 해낸 것 83 ｜ 오늘 해낸 것 84 ｜ 오늘 해낸 것 85 ｜ 오늘 해낸 것 86 ｜ 오늘 해낸 것 87 ｜ 오늘 해낸 것 88 ｜ 오늘 해낸 것 89 ｜ 오늘 해낸 것 90 ｜ 오늘 해낸 것 91 ｜ 오늘 해낸 것 92 ｜ 오늘 해낸 것 읽는 중 93 ｜ 오늘 해낸 것 94 ｜ 오늘 해낸 것 95 ｜ 오늘 해낸 것 96 ｜ 오늘 해낸 것 97 ｜ 오늘 해낸 것 98 ｜ 오늘 해낸 것 99 ｜ 오늘 해낸 것 100 ｜ 오늘 해낸 것 101 ｜ 오늘 해낸 것 102 ｜ 오늘 해낸 것 103 ｜ 오늘 해낸 것 104 ｜ 오늘 해낸 것 105 ｜ 오늘 해낸 것 106 ｜ 오늘 해낸 것 107 ｜ 오늘 해낸 것 108 ｜ 오늘 해낸 것 109 ｜ 오늘 해낸 것 110 ｜ 오늘 해낸 것 111 ｜ 오늘 해낸 것 112 ｜ 오늘 해낸 것 113 ｜ 오늘 해낸 것 114 ｜ 오늘 해낸 것 115 ｜ 오늘 해낸 것 116 ｜ 오늘 해낸 것 117 ｜ 오늘 해낸 것 118 ｜ 오늘 해낸 것 119 ｜ 오늘 해낸 것 120 ｜ 오늘 해낸 것 121 ｜ 오늘 해낸 것 122 ｜ 오늘 해낸 것 123 ｜ 오늘 해낸 것 124 ｜ 오늘 해낸 것 125 ｜ 오늘 해낸 것 126 ｜ 오늘 해낸 것 127 ｜ 오늘 해낸 것 128 ｜ 오늘 해낸 것 129 ｜ 오늘 해낸 것 130 ｜ 오늘 해낸 것 131 ｜ 오늘 해낸 것 132 ｜ 오늘 해낸 것 133 ｜ 오늘 해낸 것 134 ｜ 오늘 해낸 것 135 ｜ 오늘 해낸 것 136 ｜ 오늘 해낸 것 137 ｜ 오늘 해낸 것 138 ｜ 오늘 해낸 것 139 ｜ 오늘 해낸 것 140 ｜ 오늘 해낸 것 141 ｜ 오늘 해낸 것 142 ｜ 오늘 해낸 것 143 ｜ 오늘 해낸 것 144 ｜ 오늘 해낸 것 145 ｜ 오늘 해낸 것 146 ｜ 오늘 해낸 것 147 ｜ 오늘 해낸 것 148 ｜ 오늘 해낸 것 149 ｜ 오늘 해낸 것 150 ｜ 오늘 해낸 것 151 ｜ 오늘 해낸 것 152 ｜ 오늘 해낸 것 153 ｜ 오늘 해낸 것 154 ｜ 오늘 해낸 것 155 ｜ 오늘 해낸 것