Menu

Individual skill

motion-semantic-color-stripes

0upvotes

Not available

plugins/_official/examples/motion-semantic-color-stripes/SKILL.md

Read pinned source

Source commit e7a18df64d0e5e1161903e93bb5a302229dbeb96

What was checked

Matches the observed repository HEAD
Yes
Scanner rules are current
No
Repository scan complete
No
Skill scan complete
No
Observed behavior
Not checked yet
Last checked
Nov 5, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

Standard SKILL.md format has not been attested at this commit. No installation command is available; inspect the source.

Repository context

Repository stars (not skill ratings)
106,669
Repository last updated
Nov 8, 2026
License
Apache-2.0

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

Declared tags are partial or unavailable.

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files
Read excerpt
从 `example.html` 开始修改。这是一段将原片词语输入与色带占比变化重建在单个 canvas 上的演示。

**Arc:** 番茄 → 霓虹 → 年代与游戏词语 → 城市 → 蓝色语义 → 自然意象

## 文件
复制 `example.html`、`assets/gsap.min.js`、`assets/motion-data.js`、`assets/NotoSansMono-variable.woff2` 与 `assets/NotoSansMono-OFL.txt`，保持相对路径。声音结构见 `references/sound.json`。封面为 `assets/cover.jpg`。

## 场景结构
文字、色带、插入点与鼠标指针均由纯函数 `render(t)` 重建；不加载参考视频，不使用整帧背景。`assets/motion-data.js` 仅存放色带编号、边界坐标、按键文字、输入选区和首场鼠标轨迹的矢量关键帧。首场鼠标先以箭头滑入，进入输入区后变成 I 形，再在输入前隐藏；时间跟随 `tomato-typing`，与文字插入点独立。画布颜色含实测 H.264 导出补偿（每通道 0–2 级），以导出后的参考色为准。修改时间只改 `CFG.scenes`，场景起点自动累计，所有出场通过 `from: "end"` 的 cue 定位。

| 场景（CFG.scenes id） | 时长 | 内容 | 构建 | 复用 |
|---|---:|---|---|---|
| `tomato` | 4.583 | 番茄与藤蔓 | canvas；`tomato-typing` 驱动文字；`tomato-palette` 驱动色带；`tomato-out` 衔接下组；分段线性插值 | 更换 `terms` 对应行，保留输入与色带的先后关系 |
| `neon` | 3.367 | 霓虹东京 | canvas；`neon-typing` 驱动文字；`neon-palette` 驱动色带；`neon-out` 衔接下组；分段线性插值 | 更换 `terms` 对应行，保留输入与色带的先后关系 |
| `eighties` | 4.000 | 八十年代迪斯科与流行 | canvas；`eighties-typing` 驱动文字；`eighties-palette` 驱动色带；`eighties-out` 衔接下组；分段线性插值 | 更换 `terms` 对应行，保留输入与色带的先后关系 |