Kevin Liu
11 prototemplatePrototemplatepage: /ko/cards/prototemplatemarkdown: /ko/cards/prototemplate.md@type: SoftwareApplicationcategory: DesignApplicationyear: 2026disciplines: 셰이더, 서체inks: 3health: 334attack: 115defence: 117speed: 126trait: Paused Offscreenlive: www.prototemplate.comsource: github.com/Kevin-Liu-01/Prototemplate

Prototemplate

# Prototemplate

Prototemplate은 실제로 작동하는 웹사이트 디자인 27개와 자체 그래픽 엔진을 갖춘 디자인 실험실입니다.Prototemplate은 실제로 작동하는 웹사이트 디자인 27개와 자체 그래픽 엔진을 갖춘 디자인 실험실입니다.

셰이더서체Kevin Liu의 컬렉션에 있는 카드 26장 중 11번째 카드. 2026. 셰이더 및 서체.

www.prototemplate.com 열기소스대전- 바로가기: https://www.prototemplate.com - 소스: https://github.com/Kevin-Liu-01/Prototemplate - 대전: https://www.kevinliu.studio/ko/battle#team=prototemplate,glyphfield,katagami

수치

## 수치

  • 1,025커밋git rev-list --count d8ebecaa1
  • 6GitHub 스타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
  • - **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)

**Paused Offscreen**. 화면 밖에서는 애니메이션이 일시 정지하므로, 전투에서 빠져 있는 동안 매 턴 체력을 6% 회복합니다. 증빙: `Prototemplate@d8ebecaa1:ARCHITECTURE.md:239-240 (sections/visibility.ts: loops pause off screen)`

기술

## 기술

  1. Horizon Field 기술은 90% 확률로 85의 피해를 줍니다. 실시간으로 그려지는 블랙홀이 페이지의 줄무늬를 곡선으로 휘게 하며, 포인터로도 선을 휘게 할 수 있습니다.

    Prototemplate@d8ebecaa1:src/lib/horizon-field.ts:1-21, 38-40, 45-52

  2. Studio Field 기술은 95% 확률로 28의 피해를 2~3회 줍니다. 사각형 점으로 된 애니메이션 패턴 10가지가 하나의 그래픽 캔버스를 공유하므로, 한 페이지에서 여러 패턴을 동시에 실행할 수 있습니다.

    Prototemplate@d8ebecaa1:src/lib/studio-field.ts:44-49, 122-152; content/docs/components/(fields)/dither.mdx:100

  3. Glyph Rain 기술은 55의 피해를 주고 다음 타격을 강화합니다. 여덟 가지 문자 체계의 글자가 비처럼 쏟아져 내린 뒤 모여, 각 문자 체계로 번갈아 “언어”라는 단어를 만듭니다.

    Prototemplate@d8ebecaa1:src/lib/glyph-field.ts:1-12; ARCHITECTURE.md:259

  4. Every Sentence 기술은 65의 피해를 주고 20% 확률로 기절시킵니다. 제목이 낱글자로 흩어졌다가 다시 모여 다른 언어로 같은 문장을 만듭니다. 오른쪽에서 왼쪽으로 쓰는 언어도 지원합니다.

    Prototemplate@d8ebecaa1:src/components/shared/EverySentence.tsx:13-21; content/docs/components/(language-and-motion)/motion.mdx:59
  5. - Horizon Field 기술은 90% 확률로 85의 피해를 줍니다. 실시간으로 그려지는 블랙홀이 페이지의 줄무늬를 곡선으로 휘게 하며, 포인터로도 선을 휘게 할 수 있습니다. 증빙: `Prototemplate@d8ebecaa1:src/lib/horizon-field.ts:1-21, 38-40, 45-52` - Studio Field 기술은 95% 확률로 28의 피해를 2~3회 줍니다. 사각형 점으로 된 애니메이션 패턴 10가지가 하나의 그래픽 캔버스를 공유하므로, 한 페이지에서 여러 패턴을 동시에 실행할 수 있습니다. 증빙: `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`

관련 항목

## 관련 항목

수치는 d8ebecaa1, 2026-10-30 기준입니다.