기억 – Memory

사라지고 또.어디엔가.쌓이고...

🔗 Live Demo

https://ssahn208.github.io/memory-animation/

🎨 About

6개의 베지어 포인트가 만드는 유기적 형태. 28개의 과거 상태가 반투명 레이어로 쌓입니다.

"모든.지난.일.다.꿈.속에.있다" — 베이다오(北島)

✨ Features

• Smooth Point: 모든 베지어 포인트가 부드러운 곡선 유지
• 시간의 축적: 28개의 과거 상태가 반투명으로 쌓임
• 유기적 변형: 아메바처럼 자연스러운 형태 변화
• Pure JavaScript: 라이브러리 없이 SVG + Vanilla JS

🛠 Technical Details

구조

{
    x, y,              // 앵커 포인트
    handleAngle,       // 핸들 각도 (Smooth Point 유지)
    handleLength       // 핸들 길이
}

애니메이션

• 1초마다 무작위 포인트 선택
• 950ms cubic easing 애니메이션
• 핸들 각도 자동 조정으로 Smooth Point 유지

기술 스택

• SVG Path (Cubic Bezier Curves)
• Vanilla JavaScript
• 6 control points
• Real-time animation

🎯 Philosophy

시간의 축적성 / 형태의 대상화 / 형식적 긴장

꼴이.뜻을.담기보다.있음으로.구실합니다.
어제.오늘이.함께.함.

---

© 2025 ssahn208