dsh-motion 0.1.1 → 0.2.0

package/styles/blueprint/tokens.json

@@ -0,0 +1,27 @@
+{
+  "name": "blueprint",
+  "version": "1.0.0",
+  "source": "https://github.com/lemomo-ai/lemo-opuscar/tree/main/styles/blueprint",
+  "license": "style doc MIT; demo stills CC BY 4.0 (LemoLab)",
+  "colors": {
+    "table": "#0D1116",
+    "paper": "#18336B",
+    "paper_light": "#2A58A6",
+    "line": "#E7F0F9",
+    "muted": "#9FB6D4",
+    "stamp": "#B5442E"
+  },
+  "typography": {
+    "hand": { "family": "Chalkboard SE", "size": 24 },
+    "tech": { "family": "Menlo", "size": 17 },
+    "math": { "family": "New Computer Modern", "size": 54 }
+  },
+  "layout": {
+    "aspect": "16:9",
+    "frame": { "width": 14.222, "height": 8.0 },
+    "margin": 0.55,
+    "title_block": { "x": 4.95, "y": -2.95 }
+  },
+  "motion": { "fps": 30, "easing": "draw-on", "hold_min_seconds": 1.0 },
+  "audio": { "target_lufs": -14, "true_peak_db": -1 }
+}

package/styles/dataviz/STYLE.md

@@ -0,0 +1,58 @@
+---
+name: dataviz
+version: 1.0.0
+source: https://github.com/lemomo-ai/lemo-opuscar/tree/main/styles/dataviz
+license: MIT（上游风格文档）；demo 静帧 CC BY 4.0（LemoLab）
+status: adapted
+---
+
+# Data Storytelling · 数据叙事
+
+> 上游：Lemo-Opuscar `styles/dataviz`（MIT）。保留“图表就是电影”的语法；
+> 铅笔/纸纹等材质实现换成了 manimgx 的平涂与细线。
+
+## 1. 定位
+
+一张会讲故事的图：真实数据、逐笔画出、手写注释钉在数字上。图表本身就是镜头、节奏和情节。
+
+- 适合：趋势、比较、分布、前后变化、科学数据；
+- 不适合：没有数据支撑的口号、纯角色故事。
+
+## 2. 不变量
+
+| 项 | 规则 |
+|---|---|
+| 纸 | 奶油纸 `#F4EDE1`；墨 `#2B2622`；网格 `#C9BFAE` |
+| 数据色 | 发散数据用 RdBu（`#2166AC → #F7F7F7 → #B2182B`），以有意义的均值为中心 |
+| 强调 | 蓝 `#2F5D8A` 表示过程/记忆；红 `#B5442E` 表示记录/警告/结论 |
+| 字体 | 衬线标题与图注（Songti SC）；等宽刻度（Menlo）；公式 New Computer Modern |
+| 运动 | 图表操作就是转场：轴生长、点落下、尺度变化、形变；不用淡入淡出 |
+| 注释 | 钉在数据空间（值 + 像素偏移），缩放后仍跟着点 |
+| 声音 | 每个 mark 一个音高；−14 LUFS |
+
+## 3. manimgx 映射
+
+- `theme.py`：`apply_config()`、`backdrop()`、`rule()`、`leader()`；
+- 用 `Axes`、`Dot`、`Line`、`always_redraw` 实现“轴生长 / 点落下 / 割线滑动”；
+- 上游的铅笔、纸纹、手写抖动没有实现；用颜色与注释层级表达同一语法；
+- 字体替换：Newsreader → Songti SC；IBM Plex Mono → Menlo。
+
+## 4. Do / Don't
+
+**Do**
+
+- 一次只讲一个想法；让轴、标注、尺度变化承担叙事；
+- 注释贴着数据点，颜色有语义（蓝=过程，红=结论）；
+- 结论出现时停住，给读者读数时间。
+
+**Don't**
+
+- 不做 dashboard；不堆多个图；
+- 不为了戏剧性拉伸色阶；
+- 不用装饰性图标代替数据。
+
+## 5. 与上游的差异
+
+- 上游是 Canvas 2D + 手写笔刷；这里是矢量平涂，质感更干净；
+- 上游 24 fps、50 秒量级；本实现 30 fps、10 秒量级；
+- ColorBrewer RdBu 为标准色板；纸色/墨色取上游描述的中值，验收以帧为准。

package/styles/dataviz/style.json

@@ -0,0 +1,11 @@
+{
+  "slug": "dataviz",
+  "en": "Data Storytelling",
+  "cn": "数据叙事",
+  "category_en": "Information & Keynote",
+  "category_cn": "信息与发布",
+  "uses": ["Data journalism", "Reports", "Climate & science"],
+  "source": "https://github.com/lemomo-ai/lemo-opuscar/tree/main/styles/dataviz",
+  "license": "style doc MIT; demo stills CC BY 4.0 (LemoLab)",
+  "implementation": "manimgx (theme.py + tokens.json)"
+}

package/styles/dataviz/theme.py

@@ -0,0 +1,49 @@
+"""dataviz 1.0.0 — Lemo-Opuscar 的 Data Storytelling，manimgx 实现层。
+
+上游规范（MIT）：styles/dataviz/STYLE.md
+纸、墨、蓝红铅笔；颜色与字号只从 tokens.json 取。
+"""
+
+from __future__ import annotations
+
+import json
+from pathlib import Path
+
+import manimgx as m
+
+TOKENS = json.loads(Path(__file__).with_name("tokens.json").read_text(encoding="utf-8"))
+
+PAPER = TOKENS["colors"]["paper"]
+PAPER_SHADOW = TOKENS["colors"]["paper_shadow"]
+INK = TOKENS["colors"]["ink"]
+GRID = TOKENS["colors"]["grid"]
+MUTED = TOKENS["colors"]["muted"]
+BLUE = TOKENS["colors"]["blue"]
+RED = TOKENS["colors"]["red"]
+FONT = TOKENS["typography"]["display"]["family"]
+MONO = TOKENS["typography"]["mono"]["family"]
+LAYOUT = TOKENS["layout"]
+
+
+def apply_config(width: int = 1920, height: int = 1080, fps: int = 30) -> None:
+    m.config.pixel_width = width
+    m.config.pixel_height = height
+    m.config.frame_rate = fps
+    m.config.background_color = PAPER
+
+
+def backdrop() -> m.Rectangle:
+    """一张平整的奶油纸；不要渐变、不要投影。"""
+    return (
+        m.Rectangle(width=LAYOUT["frame"]["width"], height=LAYOUT["frame"]["height"], color=PAPER)
+        .set_fill(PAPER, 1)
+        .set_stroke(width=0)
+    )
+
+
+def rule(y: float, width: float, x: float = 0.0, color: str = GRID, stroke_width: float = 1.0) -> m.Line:
+    return m.Line([x - width / 2, y, 0], [x + width / 2, y, 0], color=color, stroke_width=stroke_width)
+
+
+def leader(start, end, color: str = MUTED, stroke_width: float = 1.0) -> m.DashedLine:
+    return m.DashedLine(start, end, color=color, stroke_width=stroke_width, dash_length=0.08)

package/styles/dataviz/tokens.json

@@ -0,0 +1,31 @@
+{
+  "name": "dataviz",
+  "version": "1.0.0",
+  "source": "https://github.com/lemomo-ai/lemo-opuscar/tree/main/styles/dataviz",
+  "license": "style doc MIT; demo stills CC BY 4.0 (LemoLab)",
+  "colors": {
+    "paper": "#F4EDE1",
+    "paper_shadow": "#E8DECF",
+    "ink": "#2B2622",
+    "grid": "#C9BFAE",
+    "muted": "#7A6F63",
+    "blue": "#2F5D8A",
+    "red": "#B5442E",
+    "ramp_low": "#2166AC",
+    "ramp_mid": "#F7F7F7",
+    "ramp_high": "#B2182B"
+  },
+  "typography": {
+    "display": { "family": "Songti SC", "weight": "BOLD", "size": 42 },
+    "body": { "family": "Songti SC", "size": 24 },
+    "mono": { "family": "Menlo", "size": 18 },
+    "math": { "family": "New Computer Modern", "size": 56 }
+  },
+  "layout": {
+    "aspect": "16:9",
+    "frame": { "width": 14.222, "height": 8.0 },
+    "margin": 0.55
+  },
+  "motion": { "fps": 30, "easing": "chart-operation", "hold_min_seconds": 1.2 },
+  "audio": { "target_lufs": -14, "true_peak_db": -1 }
+}

package/styles/swiss-motion/STYLE.md

@@ -0,0 +1,59 @@
+---
+name: swiss-motion
+version: 1.0.0
+source: https://github.com/lemomo-ai/lemo-opuscar/tree/main/styles/swiss-motion
+license: MIT（上游风格文档）；demo 静帧 CC BY 4.0（LemoLab）
+status: adapted
+---
+
+# Swiss Motion Graphics · 瑞士动态排版
+
+> 上游：Lemo-Opuscar `styles/swiss-motion`（MIT）。本文件是**改编**，不是原样复制：
+> 去掉了 WebGL/Canvas 专属实现，保留不变量与语法；数值落在 `tokens.json`。
+
+## 1. 定位
+
+国际主义排版风格在动：模块网格、一种字体、一个信号色，运动像印刷机一样精确。
+
+- 适合：公式、定义、数据结论、品牌/活动信息；
+- 不适合：角色叙事、手绘、颗粒质感、连续镜头。
+
+## 2. 不变量
+
+| 项 | 规则 |
+|---|---|
+| 底色 | 纸灰 `#EAE9E5`，纯平；不用渐变、投影、颗粒 |
+| 墨色 | `#111111`；辅助灰 `#6B6B6B`；规矩线 `#C9C7C1` |
+| 强调 | 全片只有一个信号色 `#E30613`，只给“例外/结论/正在动的东西” |
+| 字体 | 一种无衬线，粗细分层；标题最多 3 级 |
+| 网格 | 16:9 画 12 栏；栏线只在页边距露出短刻度 |
+| 运动 | 两个曲线：精确 ease `cubic-bezier(.7,0,.2,1)` 与 linear；无回弹、无弹簧 |
+| 入场 | 划入 / 裁切揭示；不用淡入淡出 |
+| 声音 | 干净的节拍与印刷 Foley；−14 LUFS；不要颗粒 |
+
+## 3. manimgx 映射
+
+- `theme.py`：`apply_config()`、`backdrop()`、`columns()`、`rule()`；
+- 字体替换：上游 Archivo/Inter → `Noto Sans`；等宽 → `Menlo`；公式 → `New Computer Modern`；
+- manimgx 没有 clip-path 遮罩，入场用 `Create` / `Write` 代替裁切揭示；
+- 网格用上下页边距刻度，避免版式检查把“线穿字”判成问题。
+
+## 4. Do / Don't
+
+**Do**
+
+- 一个画面只讲一个结论；先有线，再有字；
+- 信号色只出现一次，结论落在它上面；
+- 大字号与小字号并置，中间留白。
+
+**Don't**
+
+- 不用第二个强调色；不用 Helvetica/Akzidenz 字体文件；
+- 不用渐变球、辉光、投影、颗粒；
+- 不让文字压网格线；不把每个点做成卡片。
+
+## 5. 与上游的差异
+
+- 上游用 WebGL/Canvas 做裁切揭示与精确网格；这里用 manimgx 的矢量对象近似；
+- 上游 24 fps；本实现默认 30 fps（可在 `tokens.motion.fps` 改回 24）；
+- 上游字体不随包分发；这里统一用系统/内置 Noto 与 Menlo，观感会有差异，验收以帧为准。

package/styles/swiss-motion/style.json

@@ -0,0 +1,11 @@
+{
+  "slug": "swiss-motion",
+  "en": "Swiss Motion Graphics",
+  "cn": "瑞士动态排版",
+  "category_en": "Graphic & Type",
+  "category_cn": "图形与排版",
+  "uses": ["Brand identity", "Events", "Design education"],
+  "source": "https://github.com/lemomo-ai/lemo-opuscar/tree/main/styles/swiss-motion",
+  "license": "style doc MIT; demo stills CC BY 4.0 (LemoLab)",
+  "implementation": "manimgx (theme.py + tokens.json)"
+}

package/styles/swiss-motion/theme.py

@@ -0,0 +1,59 @@
+"""swiss-motion 1.0.0 — Lemo-Opuscar 的 Swiss Motion Graphics，manimgx 实现层。
+
+上游客服规范（MIT）：styles/swiss-motion/STYLE.md
+实现只依赖 tokens.json；颜色/字号/网格从这里取，不散落在场景里。
+"""
+
+from __future__ import annotations
+
+import json
+from pathlib import Path
+
+import manimgx as m
+
+TOKENS = json.loads(Path(__file__).with_name("tokens.json").read_text(encoding="utf-8"))
+
+GROUND = TOKENS["colors"]["ground"]
+PAPER = TOKENS["colors"]["paper"]
+INK = TOKENS["colors"]["ink"]
+MUTED = TOKENS["colors"]["muted"]
+RULE = TOKENS["colors"]["rule"]
+SIGNAL = TOKENS["colors"]["signal"]
+FONT = TOKENS["typography"]["display"]["family"]
+MOTION = TOKENS["motion"]
+LAYOUT = TOKENS["layout"]
+
+
+def apply_config(width: int = 1920, height: int = 1080, fps: int = 30) -> None:
+    m.config.pixel_width = width
+    m.config.pixel_height = height
+    m.config.frame_rate = fps
+    m.config.background_color = GROUND
+
+
+def backdrop() -> m.Rectangle:
+    """Flat paper ground. Swiss 规定无渐变、无投影、无颗粒。"""
+    return (
+        m.Rectangle(width=LAYOUT["frame"]["width"], height=LAYOUT["frame"]["height"], color=GROUND)
+        .set_fill(GROUND, 1)
+        .set_stroke(width=0)
+    )
+
+
+def columns(count: int = 12, margin: float = 0.5, opacity: float = 0.55) -> m.VGroup:
+    """12 栏规矩线：只在上下页边距画短刻度，不穿过文字。"""
+    width = LAYOUT["frame"]["width"] - margin * 2
+    x0 = -LAYOUT["frame"]["width"] / 2 + margin
+    marks = m.VGroup()
+    for i in range(count + 1):
+        x = x0 + width * i / count
+        top = m.Line([x, 3.55, 0], [x, 3.78, 0], color=RULE, stroke_width=1.0)
+        bottom = m.Line([x, -3.55, 0], [x, -3.32, 0], color=RULE, stroke_width=1.0)
+        top.set_stroke(opacity=opacity)
+        bottom.set_stroke(opacity=opacity)
+        marks.add(top, bottom)
+    return marks
+
+
+def rule(y: float, width: float, x: float = 0.0, color: str = RULE, stroke_width: float = 1.2) -> m.Line:
+    return m.Line([x - width / 2, y, 0], [x + width / 2, y, 0], color=color, stroke_width=stroke_width)

package/styles/swiss-motion/tokens.json

@@ -0,0 +1,33 @@
+{
+  "name": "swiss-motion",
+  "version": "1.0.0",
+  "source": "https://github.com/lemomo-ai/lemo-opuscar/tree/main/styles/swiss-motion",
+  "license": "style doc MIT; demo stills CC BY 4.0 (LemoLab)",
+  "colors": {
+    "ground": "#EAE9E5",
+    "paper": "#FFFFFF",
+    "ink": "#111111",
+    "muted": "#6B6B6B",
+    "rule": "#C9C7C1",
+    "signal": "#E30613"
+  },
+  "typography": {
+    "display": { "family": "Noto Sans", "weight": "BOLD", "size": 64 },
+    "body": { "family": "Noto Sans", "size": 26 },
+    "mono": { "family": "Menlo", "size": 18 },
+    "math": { "family": "New Computer Modern", "size": 96 }
+  },
+  "layout": {
+    "aspect": "16:9",
+    "frame": { "width": 14.222, "height": 8.0 },
+    "margin": 0.5,
+    "columns": 12
+  },
+  "motion": {
+    "fps": 30,
+    "easing": "precise",
+    "snap_seconds": 0.4,
+    "hold_min_seconds": 1.0
+  },
+  "audio": { "target_lufs": -14, "true_peak_db": -1 }
+}