Repository navigation
[DONE] 드라큘라 실험: 그림 그대로 움직이기 - #364
Merged
Merged
Conversation
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01S7a4vQFipy7iyGTFUg3Xue
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01S7a4vQFipy7iyGTFUg3Xue
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01S7a4vQFipy7iyGTFUg3Xue
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01S7a4vQFipy7iyGTFUg3Xue
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01S7a4vQFipy7iyGTFUg3Xue
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01S7a4vQFipy7iyGTFUg3Xue
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01S7a4vQFipy7iyGTFUg3Xue
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01S7a4vQFipy7iyGTFUg3Xue
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01S7a4vQFipy7iyGTFUg3Xue
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01S7a4vQFipy7iyGTFUg3Xue
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01S7a4vQFipy7iyGTFUg3Xue
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01S7a4vQFipy7iyGTFUg3Xue
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01S7a4vQFipy7iyGTFUg3Xue
patternflow-bot
marked this pull request as ready for review
November 2, 2026 13:46
This was referenced Nov 2, 2026
… 지금 움직임에 맞추며, index.html 은 두 판의 잰 값으로 다시 짓는다 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01S7a4vQFipy7iyGTFUg3Xue
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
ops / https://claude.ai/code/session_01S7a4vQFipy7iyGTFUg3Xue
창작자가 AI 로 만든 드라큘라 그림을 점 하나 바꾸지 않고 부위로 나눠, 숨 쉬고 망토 끝이 흔들리고 붉은 눈이 맥박 치다가 8.4초마다 손으로 망토를 끌어내 펼치는 패턴으로 만들었어요. 심사 둘(악마성 플레이어 · 도트 아티스트)은 세 번 고친 뒤에도 7 · 7 이었고, 펼치기를 더 살리려면 펼친 자세 한 장을 손으로 그려야 한다는 데까지 왔어요.
좋아지는 것: 드라큘라 그림이 패널에서 숨 쉬고 망토를 펼친다 — 정지 그림이 살아 움직인다
움직이는 채로 보기: https://htmlpreview.github.io/?https://github.com/Patternflow-lab/Patternflow/blob/claude/ops-rules-guide-ezgd4k/incoming/pattern-study/index.html
화면
위 두 그림 주소는 PR 본문을 쓰는 길(MCP 와 gh 둘 다)에서 백틱으로 싸여, 그림 대신 주소 글로 보일 수 있어요. 주소를 열면 그림이 나와요.
할 일
study.ts --only dracula통과한 일
patterns/dracula.js는base.js의 28색과 128줄을 부위 격자로 나눠 담아요. 부위를 그대로 겹치면 정지 그림이 점까지 다시 나와요. 부위마다 가장자리 점을 복사해 다음 부위 밑에 깔아 둬서, 움직일 때 드러나는 자리는 원본 옆 칸의 색으로 메워져요. 새로 찍은 점은 없고 새 색은 눈빛 둘(C0xc41b25, D0xe31a1e)뿐이에요.움직임은 이래요. 허리 위가 한 줄, 0.25초 뒤 한 줄 더 오르고 같은 길로 내려와요(한 숨 3.23초). 숨이 끊는 허리 솔기는 열마다 세로로 같은 색이 이어지는 줄을 골라 복사한 줄이 그 안에 묻혀요. 망토 왼쪽 끝점은 2점, 오른쪽 끝은 1점 안쪽으로 흔들려요. 눈은 눈동자 가운데 LED 여섯만 C, D 로 밝아졌다 돌아오고, 이따금 눈꺼풀이 반 내려와요. 동작은 1.6초에 시작해 1.93초 동안이에요. 손이 망토를 한 칸 당겼다가 가슴 높이에서 4점 끌어내고(아래로 3 · 2 · 1 로 줄어 무릎 위 82줄부터 제자리), 손을 한 줄 들고 눈을 번뜩였다가 내려놓아요. 망토는 겉감과 붉은 안감과 안감을 닫는 선이 한 덩어리로 움직이고, 열린 자리에는 뒤의 코트가 드러나요.
s로 넓힘 · 숨 한 줄s w x접힘, 숨 두 단, 자락은 끝만심사에게는 ref.png 와 결과 그림(led.png, strip.png, 0.4초 간격 24장, 크게 6장)만 뜻 없는 이름으로 줬고, 판마다 새 에이전트로 받았어요.
증거
web/에서:노브 반응을 소수 넷째 자리까지 재면 K1 0.0135 · K2 0.0287 · K3 0.0375 · K4 0.0894 예요(문턱 0.012). 첫 프레임(1/30초)은 panel.png 와 다른 LED 0 이에요. 한 프레임 깜빡임은 노브 여덟 자리([0,2,0,0.06] [0,3,..] [0,2.5,..] [0,0.5,..] [0,1.1,..] [1,2,..] [1,3,..] [0,1.3,0.6,0.7])에서 60초씩 돌려 0이에요.
dev 와 두 번 겹쳤어요. 11월 2일엔 Tollard 97판(#363), 11월 3일엔 명화 바퀴 큰 파도(#365 · #366)가 index.html 과 README 「공들이기」 표에서요. 표는 dev 의 줄을 다 살리고 Dracula 줄을 판 차례(97, Great Wave 98 앞)로 더했고, 그 줄 글을 지금 움직임(허리 위 두 줄 숨, 안감째 끌어내는 망토)에 맞췄어요. index.html 은 손으로 고르지 않고 두 판의 index.html 에 적힌 잰 값으로 buildPage 를 다시 불러 지었어요. dev 판과 견주면 Dracula 한 장만 더해지고 나머지 736장은 같아요. 그 뒤 들어온 창작자 커밋(995fd98 · 411ba90)은 ROUND.md 와 명화 참고 그림만 바꿔 index.html 의 입력은 그대로예요. 마지막 판(d082b49)에서 돌린 결과예요.
같은 판의 GitHub 검사 「Docs point at files that exist」 · 「Drift checks」 는 둘 다 success 예요.
git diff --stat origin/dev -- incoming/pattern-study에는 README.md · craft/dracula/log.md · craft/dracula/look-dracula.png · index.html · patterns/dracula.js 다섯만 보여요.실행법
web/에서npx tsx ../incoming/pattern-study/tools/look.ts dracula --out /tmp/look/d로 그림을 그려요. 움직이는 채로는 위 htmlpreview 주소에서 Dracula 카드를 열어요. Pattern Lab 에는patterns/dracula.js를 CODE 칸에 붙여요.가정
// Round:는 마지막 판(96) 다음인 97로 두었고, 바퀴가 이 폴더를 고르지 않게 log.md 첫 줄은상태: a 끝이에요. README 「공들이기」 표의 둘째 칸은 「실험」이에요.x0x981523로 어둡게 줄였기 때문이에요. 마지막 판에서 바뀌는 건 눈 가운데 LED 여섯뿐이고, 「둘레 피부까지 분홍」이라는 지적은 led 그림에서 밝은 LED 가 옆 살색과 붙어 보인 것으로 읽었어요.59, 110112) 의 밝은 점 몇 개는 ref.png 에 남은 네 갈래 별 워터마크 자국이에요. 「첫 프레임은 panel.png 와 점까지 같다」를 지키려고 지우지 않았어요.Changelog
없음.
incoming/은 원래 레포로 가지 않아요(ROUND.md 「PR 본문」).경험
언제: 정지 그림을 부위로 나눠 동작을 줄 때, 특히 망토나 천을 펼치는 동작
교훈: 띠를 옆으로 밀고 드러난 자리를 새 색으로 채우면 판정이 「색이 번진다」「판이 미끄러진다」로 읽으니, 펼치는 자세는 손으로 한 장 그리거나 겉감과 안감을 같이 옮겨 원래 평평한 면만 드러나게 한다
근거: Patternflow#364 에서 판정 여덟 가운데 다섯이 망토를 편 장을 가장 약한 것으로 짚었고, 띠마다 밀기 6 · 7, 안감 넓히기 7 · 6, 통째 옮기기 7 · 7 로 8을 못 넘었다
Generated by Claude Code