designpaca/packages/skill
Yun Chan 9a09678dee
All checks were successful
ci / build (push) Successful in 29s
feat(site): 리퀴드 글래스 굴절을 올바른 변위 지도로 다시 붙인다
앞선 커밋에서 "backdrop-filter 체인에서 displacement 가 안 먹는다" 고 적고
데모를 뺐다. 틀렸다. svg-filters.md 에 이미 적혀 있던 두 규칙을 안 지킨 것이다.

- 변위 지도는 노이즈가 아니다. feTurbulence 로 만들면 값이 중립(128)으로
  수렴해 scale 을 아무리 키워도 곱해지는 값이 0 이다.
- feImage 의 크기는 요소 크기와 같아야 한다. 자동으로 안 맞춰준다.

가장자리에서 안쪽으로 미는 그라디언트를 직접 그렸다. linearGradient 한 장으로는
R 과 G 를 따로 못 만들므로 지도를 두 장 놓고 displacement 를 두 번 건다.
쓰지 않는 축에는 128 고정인 B 채널을 물려 이동량을 0 으로 만든다.

실측: 평균 채널차 1.66(난류 지도) → 9.29(그린 지도), 최대 126.
배경에 격자를 깔아 확인했다 — 패널 가장자리에서 격자 셀이 눌린다.

svg-filters.md 에 지도 두 장 기법과 확인 방법을 기록했다.
2026-08-20 23:30:15 +09:00
..
references feat(site): 리퀴드 글래스 굴절을 올바른 변위 지도로 다시 붙인다 2026-08-20 23:30:15 +09:00
package.json designpaca 초기 구현 — 스킬 · 설치 CLI · 배포 파이프라인 2026-08-20 10:48:00 +09:00
SKILL.md 히어로를 국소 레퍼런스로 다시 잡고, 국소 경로에 1′ 단계를 넣는다 2026-08-20 13:44:29 +09:00