[DONE] 패턴 연구 페이지가 308개를 여섯 묶음으로 추려 후보 13개부터 보이고, 첫 화면이 0.25초에 뜬다

incoming/pattern-study/README.md

@@ -8,6 +8,12 @@
 
 3판부터는 hub 의 패턴 바퀴가 한 바퀴에 한 판씩 더해요. 1바퀴가 3판이에요. 10월 23일에 절차가 바뀌어서, 그 뒤 판은 새 패턴이 열 개예요. 한 바퀴의 절차는 [ROUND.md](ROUND.md) 에 있어요.
 
+## 추려 보기
+
+10월 25일에 바퀴를 멈추고 1–39판 298개를 다 돌려 봤어요. 창작자의 기본 프리셋 48개도 같은 엔진에서 돌려 `tools/measure.ts` 의 잣대로 쟀어요. 연구의 검사와 같은 문턱으로 패널의 3% 넘게 켜는 45개의 가운데값은 복잡도 0.22, 움직임 0.66, 채움 0.55, 가장자리 0.62 예요. 1–14판 48개는 복잡도 0.58, 움직임 0.38 로 그 근처에 서요. 15–27판 130개는 복잡도 1.58, 움직임 0.22, 채움 0.85 이고, 28–39판 120개도 1.31, 0.21, 0.86 이에요. 프리셋은 큰 모양 몇 개가 쉬지 않고 움직이는 그림이에요. 15판부터는 바탕까지 칠한 정지 그림에 작은 움직임을 얹은 그림이 됐어요.
+
+[shelf.json](shelf.json) 이 308개를 여섯 묶음에 나눠 담아요. 나눈 뒤에 들어온 40판 열 개도 같은 잣대로 보고 넣었는데, 후보는 없었어요. 먼저 볼 후보 13, 하나가 모자란 추상 50, 사물·장면 그림 127, 수학·데이터 도해 47, 옅은 화장품 질감 39, 잔 결과 흔한 데모 32 예요. 묶음마다 까닭이 있고, 위 두 묶음은 패턴마다 한 줄이 더 있어요. 페이지는 이 차례로 묶음을 접어 두고 후보만 펼쳐요. 묶음에 없는 패턴은 맨 위 「아직 안 추린 것」에 서요. 그림은 하나도 지우지 않았어요.
+
 ## 패턴
 
 패턴마다 `patterns/` 에 코드 파일 하나가 있어요. 화면은 `index.html` 에서 봐요. 예전에는 `shots/` 에 3초짜리 GIF 와 노브 시트도 있었는데, 한 판에 열 개를 만들게 되면서 지웠어요. 연구의 처음 값은 Lab 의 기본 노브 값 0, 2, 0, 0.06 을 패턴의 범위 안으로 당긴 자리예요. 2판 파일의 머리에는 `// Round: 2` 줄이 있어서, 페이지는 그 줄로 1판과 2판을 나눠 표시하고 거를 수 있어요. 가장 새 판의 점과 카드는 흰 테두리로 따로 보여요. 갈래의 한국어 이름과 색은 [families.json](families.json) 에 있어요.
@@ -2191,7 +2197,7 @@ npx tsc --noEmit -p ../incoming/pattern-study/tools         # 도구의 타입 
 
 실제 Pattern Lab 에서도 봤어요. `web/` 의 개발 서버를 띄우고 23개를 차례로 CODE 칸의 Paste 로 붙여 넣으면, 모두 Knobs 칸에 제 노브 이름 넷이 서고 미리보기에 오류 상자가 뜨지 않아요.
 
-`index.html` 은 `tools/page.html` 에 `tools/gallery.ts` 를 esbuild 로 묶어 넣은 것이에요. 카드는 `web/src/lib/lab/engine.ts` 의 LabEngine 으로 돌고, 레이어는 Lab 이 코드에서 레이어를 만들 때 쓰는 `codeLayerFromSource` 가 만든 것을 그대로 실어요. 손으로 고치지 말고 위 명령으로 다시 지어요. 카드 옆의 한국어 한 줄은 위 패턴 표에서 읽어요.
+`index.html` 은 `tools/page.html` 에 `tools/gallery.ts` 를 esbuild 로 묶어 넣은 것이에요. 카드는 `web/src/lib/lab/engine.ts` 의 LabEngine 으로 돌고, 레이어는 Lab 이 코드에서 레이어를 만들 때 쓰는 `codeLayerFromSource` 가 만든 것을 그대로 실어요. 코드는 패턴마다 한 번, 묶음별 JSON 블록에 들어가요. 펼친 묶음의 블록이 스크립트보다 앞에 와서, 나머지 코드가 내려오는 동안에도 첫 화면이 돌아요. 칸은 화면에 들어올 때 엔진을 만들고 나가면 버려요. 손으로 고치지 말고 위 명령으로 다시 지어요. 카드 옆의 한국어 한 줄은 위 패턴 표에서 읽어요.
 
 ## 라이선스