🎨 Interactive Animation Practice

내가 html css javaScript를 어떻게 했더라..?
모션 연습도 해보고싶었는데.?
그래서 만든 레포

📌 프로젝트 목표

• HTML/CSS/JavaScript 다시..공부..
• 인터랙티브 모션 구현 연습

🛠 기술 스택

• HTML5
• CSS3
• JavaScript (ES6+)
• GSAP
• Anime.js
• Three.js
• Lottie (애니메이션은 점점 추가 될 예정)

🎬 구현된 애니메이션

GSAP 파티클 애니메이션

• 동적 파티클 생성
• 인터랙티브 효과
• 도형 및 텍스트 애니메이션

Anime SVG 애니메이션

• SVG 패스 드로잉
• 동적 모핑 효과
• 글로우/스파클 이펙트

Three.js Galaxy Animation

• 인터랙티브 우주 시스템
• 다층 파티클 효과 (은하, 성운, 오로라)
• 실시간 쉐이더 기반 별 반짝임

Lottie Animation Example

• SVG 기반 벡터 애니메이션
• 마우스 인터랙션 기반 속도 제어
• JSON 데이터 기반 동적 렌더링

개발자 모드 요소창을 열면.. 엄청나게 열일하고 있는 아이들이 잇서여..