# Prototemplate

这是简体中文版。英文原版见 <https://www.kevinliu.studio/cards/prototemplate.md>。

Prototemplate 是一个汇集 27 款可在线体验的网站设计和自研图形引擎的设计实验室。

Kevin Liu 的收藏中的第 11 张卡牌，共 26 张。2026。着色器和字体。

- 在线体验: https://www.prototemplate.com
- 源码: https://github.com/Kevin-Liu-01/Prototemplate
- 对战: https://www.kevinliu.studio/zh/battle#team=prototemplate,glyphfield,katagami
- 墨水: 3
- 生命值 334，攻击力 115，防御 117，速度 126

## 数据

- **1,025 提交次数**. 凭据: `git rev-list --count d8ebecaa1`
- **6 GitHub 星标数**. 凭据: `gh api repos/Kevin-Liu-01/Prototemplate --jq .stargazers_count (2026-10-30)`
- **44 检查文件数**. 凭据: `gh api repos/Kevin-Liu-01/Prototemplate/git/trees/d8ebecaa1?recursive=1 | grep -cE <glob>`
- **16.02 活跃日均提交次数**. 凭据: `1025 commits over 64 distinct commit dates, 2026-07-30 to 2026-10-30`

## 特性

**Paused Offscreen**. 其动画在移出屏幕后会暂停，因此离场后每回合恢复 6% 生命值。 凭据: `Prototemplate@d8ebecaa1:ARCHITECTURE.md:239-240 (sections/visibility.ts: loops pause off screen)`

## 招式

- Horizon Field 造成 85 点伤害，命中率为 90%。实时绘制的黑洞会将页面上的横线扭曲成弧线，您的鼠标指针也能让这些线条弯曲。 凭据: `Prototemplate@d8ebecaa1:src/lib/horizon-field.ts:1-21, 38-40, 45-52`
- Studio Field 造成 28 点伤害，攻击 2 至 3 次，命中率为 95%。十种由方形点阵组成的动画图案共用一个图形画布，可在同一页面上同时播放。 凭据: `Prototemplate@d8ebecaa1:src/lib/studio-field.ts:44-49, 122-152; content/docs/components/(fields)/dither.mdx:100`
- Glyph Rain 造成 55 点伤害并强化下一次攻击。八种文字系统的字符如雨落下，依次汇聚成不同文字中的“语言”一词。 凭据: `Prototemplate@d8ebecaa1:src/lib/glyph-field.ts:1-12; ARCHITECTURE.md:259`
- Every Sentence 造成 65 点伤害，有 20% 的概率造成眩晕。标题散成字符，再用下一种语言重组成同一句话，也支持从右向左书写的语言。 凭据: `Prototemplate@d8ebecaa1:src/components/shared/EverySentence.tsx:13-21; content/docs/components/(language-and-motion)/motion.mdx:59`

## 相关内容

- [Glyphfield](https://www.kevinliu.studio/zh/cards/glyphfield) (字体, 着色器)
- [Atlas](https://www.kevinliu.studio/zh/cards/atlas) (字体, 着色器)
- [Claude of Tanks](https://www.kevinliu.studio/zh/cards/claude-of-tanks) (游戏, 着色器)

各项信息以 2026-10-30 的提交 d8ebecaa1 为准。

所有卡牌: https://www.kevinliu.studio/zh/cards