kasaframe 0.1.1 → 0.1.4

package/themes/server-hall/variants/wine-violet.json

@@ -0,0 +1,103 @@
+{
+  "id": "wine-violet",
+  "world": "server-hall",
+  "name": "Wine Violet",
+  "desc": "포도주빛 바탕에 보라 강조 · 고운 필름 입자",
+  "params": {
+    "scheme": "dark",
+    "bgL": 0.2032,
+    "tint": {
+      "h": 39.4367,
+      "c": 0.0282
+    },
+    "inkL": 0.9545,
+    "hue": 298.1178,
+    "chroma": 0.9944,
+    "fonts": "base",
+    "texture": {
+      "kind": "grain",
+      "amount": 0.55
+    },
+    "stroke": 1,
+    "radius": null,
+    "tempo": 1.06,
+    "density": 1
+  },
+  "style": {
+    "scheme": "dark",
+    "colors": {
+      "bg": "#22120D",
+      "surface": "#2C1D19",
+      "raised": "#352827",
+      "line": "#493E41",
+      "ink": "#F4EEF1",
+      "inkSoft": "#CBC7CD",
+      "dim": "#958F96",
+      "accent": "#CDB6FF",
+      "accentSoft": "#54456A",
+      "accentText": "#D5CAFF",
+      "onAccent": "#22120D",
+      "success": "#3CFF8F",
+      "danger": "#FF5A4F",
+      "warning": "#FFB547",
+      "rack": "#392C2A",
+      "unit": "#3B2E2C",
+      "led": "#3CFF8F",
+      "ledOff": "#352C17",
+      "tray": "#E8B72A",
+      "floor": "#352723",
+      "tile": "#453838",
+      "glow": "#ECECFF",
+      "amber": "#FFB547",
+      "lamp": "#ECE9F2"
+    },
+    "look": {
+      "texture": {
+        "kind": "grain",
+        "amount": 0.55
+      },
+      "tempo": 1.06
+    }
+  },
+  "tags": {
+    "mood": [
+      "기술적",
+      "웅장한",
+      "정밀",
+      "차가운",
+      "몰입",
+      "어두운",
+      "아날로그"
+    ],
+    "light": "dark",
+    "use": [
+      "인프라",
+      "라우팅",
+      "확장",
+      "게이트웨이",
+      "서버",
+      "공개",
+      "시스템"
+    ],
+    "dims": "3D"
+  },
+  "check": {
+    "ok": true,
+    "at": "2026-10-12",
+    "colors": {
+      "ink": 15.8,
+      "inkSoft": 10.82,
+      "dim": 5.75,
+      "accentText": 11.82,
+      "accent": 10.12,
+      "onAccent": 10.12,
+      "success~danger": 0.182,
+      "success~warning": 0.076,
+      "danger~warning": 0.138,
+      "accent~danger": 0.226,
+      "accent~ink": 0.137
+    },
+    "frame": "kf check 통과 — 끝 구간 3.183–4초(입체라 가볍게)·끝 프레임 한 장",
+    "pattern": "hook-number.counter"
+  }
+}

package/themes/subway-map/THEME.md

@@ -0,0 +1,64 @@
+# 지하철 노선도 `subway-map`
+
+**비유: 노선이 그어지고 역이 찍히며 화면이 드러나고, 요청은 열차가 되어 그 위를 역마다 서며 달린다.** 벡(1933)·비넬리(1972)·Mini Metro 의 도식 — 노선은 0°·45°·90° 로만 꺾이고, 역은 흰 점, 환승역은 흰 캡슐. 정보는 「노선이 이어지는 모양」으로 말한다: 어디서 어디로 가나, 몇 역을 지나나, 역 사이가 얼마나 걸리나.
+
+## 기술 낱말이 이 세계에서 되는 것
+
+| 기술 | 노선도 | 화면에서 |
+|---|---|---|
+| 요청 | 열차 | `trainRun` — 노선 색 몸통, 안의 흰 칸은 실은 토큰 |
+| 공급자(회사) | 역 · 그 회사 노선 | `stationStop` + `nameplate`. 회사 아홉 = 1–9호선 색(`route1–9`) |
+| 모델 | 그 노선의 역 하나 | `routeTally` — 노선 길이 = 모델 수, 역 하나 = 모델 하나 |
+| 게이트웨이 한 주소 | 모든 노선이 만나는 환승역 | `stationStop` kind hub · `hubDrop` |
+| 라우팅 | 갈림길(나란히 달리다 45° 로 갈라지는 가지) | `routeDraw` 여러 줄을 22px 간격으로 |
+| 폴백 | 환승 — 다른 노선으로 갈아탄다 | `trainRun` 의 `transfer` — 그 역을 지나면 열차 색이 바뀐다 |
+| 캐시 적중 | 급행 — 역에 서지 않고 통과 | `trainRun`·`timetable` 의 `express` |
+| 지연 | 역 사이 시간 | `legTime` — 분 점이 차고 시간 딱지가 센다. 열차도 같은 시간 걸려 닿는다 |
+| 비용 | 운임 | 정가 역 → 할인 역 노선, 닿은 역에 운임이 찍힌다 |
+| 시간대 가격 | 하루 = 순환선, 한 구간만 다른 운임 색 | `hourLoop` |
+| 형식·지역 경계 | 강 — 한 노선이 건너간다 | `paperMap` 의 `river`(경계가 있을 때만) |
+
+## 맞는 내용·용도
+
+- 흐름·경로·연결이 있는 기술 내용 — 게이트웨이·라우터·프록시·네트워크·파이프라인, 「한 곳에서 여러 곳으로」, 「몇 단계를 거쳐」, 「걸리는 시간」.
+- 숫자는 노선 길이·역 수·역 사이 시간으로 잰다. 큰 숫자 하나는 환승역 캡슐 안에.
+- 용도: 홍보(promo)·공개(launch)·설명(explainer)·쇼츠(shorts)·피드(square). 마디마다 판면(지도 한 장) 하나, 드롭에 `hubDrop`.
+- 화면 글은 역 이름(회사·주소·엔드포인트·모델 ID)·숫자·짧은 낱말. 라틴은 Overpass(도로 표지 글꼴 계열), 숫자·ID 는 Overpass Mono, 한글은 Pretendard.
+
+## 금지
+
+- 0°·45°·90° 밖의 기울기, 곡선 노선(꺾이는 곳의 짧은 둥근 모서리만), 굵기가 바뀌는 노선.
+- 그림자·그라데이션·흐림·종이결·빛 번짐. 면은 단색, 선은 같은 굵기.
+- 뜻 없는 바탕 움직임 — 흐르는 모눈·떠다니는 점·늘 도는 장식. 바탕(`paperMap`)은 서 있고, 움직이는 것은 노선이 그어지는 끝·서는 역·달리는 열차뿐이다. 열차는 늘 무언가(요청)를 뜻한다.
+- 실제 도시 지리(강 굴곡·공원 꼴). 강은 내용에 경계가 있을 때 45° 로 꺾인 띠 하나.
+- 노선 하나에 색 둘, 같은 색 노선 둘(색이 곧 노선 이름이다). 작은 글을 노선 색으로 — 글은 먹(`ink`), 강조 글은 `accentText`.
+- 카메라 이동. 지도는 벽에 붙어 있다 — 구도는 마디마다 컷으로 바꾼다.
+- 슬로건·감성 문장.
+
+## 움직임
+
+- 쉬지 않는다: 그어지는 노선 끝 → 박에 서는 역 → 늘 달리는 열차가 차례로 화면을 잇는다. 판면마다 첫 박 안에 열차가 떠나게 둬서 다 그어진 뒤에도 서지 않는다(열차 여러 대·간격 `headway`·역마다 짧게 서는 `dwell`).
+- 구도는 마디마다 바꾼다: 판면 하나 = 지도 한 장(흩어진 노선 → 노선으로 센 표 → 한 주소 노선 → 갈라지는 가지 → 모이는 노선 …). 컷은 `display:none`.
+- 박마다 큰 사건 하나: 노선 몇 줄이 한꺼번에 그어지거나, 역 여럿이 서거나, 열차 무리가 떠나거나, 역 이름·숫자가 찍힌다. 드롭은 모든 노선이 한 환승역에서 사방으로 뻗는 `hubDrop` 한 번.
+- 열차는 역 사이에서 가속·감속하고(역 사이 시간), 급행만 고른 빠르기로 지난다.
+
+## 효과
+
+같은 레포 안에서는 `effects.ts` 를 바로, 프로젝트에서는 `fx("subway-map")`. layer 는 `build` 에서 만들고 `(t) => …` 에서 부른다. 한 판면은 보통 `paperMap` → 노선 층(`routeDraw`) → 역·열차 층(`stationStop`·`trainRun`) → 글 층(`nameplate`) 순서로 쌓는다(환승역은 노선 끝을 덮게 열차 뒤에 지어 위에 둔다).
+
+| 효과 | 꼴 | 하는 일 |
+|---|---|---|
+| `paperMap` | layer | 지도 종이 한 장. `river` 를 주면 경계 강 띠 하나 |
+| `routeDraw` | layer | 노선 긋기 — 0°·45°·90° 꼭짓점을 따라 그어지고 `ends: "bar"` 면 종점 막대. `closed` 면 순환선 |
+| `stationStop` | layer | 역 찍기 — 톡 서며 둘레 고리 한 번. `stop` 점 · `hub` 환승 캡슐(`length`·`angle`) · `tick` 눈금 |
+| `nameplate` | layer | 역 이름 펼치기 — 역 쪽부터 한 자씩, 막 선 글자는 노선 색으로 켜졌다 먹으로 |
+| `timetable` | value | 시간표 — t 에 열차가 어디(s)에. 가속·감속·정차, `express`, `pingpong`·`loop`·`once` |
+| `trainRun` | layer | 열차 = 요청. 역마다 서며 달린다, `count`·`headway`, `express`(캐시), `transfer`(폴백) |
+| `legTime` | layer | 역 사이 시간 — 분 점이 차고 시간 딱지가 값까지 센다 |
+| `hourLoop` | layer | 하루 = 24 역 순환선, 한 시간대가 다른 운임 색으로 덧칠, 열차가 돈다 |
+| `routeTally` | layer | 노선으로 세기 — 노선 표지·이름·역 n 개·끝의 수, 급행이 오간다 |
+| `hubDrop` | layer | 드롭 — 한 환승역에서 노선이 사방으로 뻗고 신호 고리, 흔들림을 돌려준다 |
+
+색 칸: `route1–9` 는 노선 색(서울 1–9호선, 9호선만 조금 짙게) — 변주는 이 아홉을 한 벌로 바꾼다. 없으면 기본 칸(accent·warning·danger …)을 돌려 쓴다. `water` 는 강, `accent` 는 게이트웨이(한 주소) 노선.
+
+견본: `sample/` — OpenGateway 소개 15초(docs/briefs/og-intro-15s.md), 곡 kawaii-friends.mp3 4–19초(드롭 7.34초). 흩어진 회사 노선 아홉 → 노선으로 센 회사별 모델 수 → 강(OpenAI·Anthropic 형식)을 건너는 /v1 한 노선과 끝점 넷 → 한 주소에서 박마다 갈라지는 모델 ID 가지 → 아홉 노선이 가운데로 모여 드롭에 닿는 열차 → 드롭 102 환승역에서 사방으로 → 하루 순환선 00–10 −90% → deepseek 운임 노선 → 첫 토큰 실측(열차가 그 ms 만에 닿는다) → 순환선 속 로고 환승역과 opengateway.ai.