🌆 GitHub.io 페이지 제작기 (2) - Points 컨셉의 3D Web 구현

✍️ 한 걸음 더, 페이지에 생명을 불어넣다

지난 1편에서는 플랫폼을 분리하고, GitHub.io 페이지를 만든 이유와 초기 세팅 과정을 다뤘다.
이후 시각적인 구현에 착수했고, 캡처를 통해도 확인할 수 있듯 페이지가 점차 형태를 갖추고 있다.

---

수렴 애니메이션 효과

1	2	3	4

첫 화면

• 그 외
  • 시야 별 입자 효과
  • 가이드 포인트, 마우스 인터렉션
  • 버드나무 내부 Falling Particle 효과
  • 버드나무 Points 색상 그라데이션, 입자 운동
  • 바닥 Floor Points 오브젝트 중앙 입자 밀도 조절, 중심 기준 회전
  • 마우스 인터렉션 보간 적용(Camera Control)

제작 과정

1	2

3	4

---

🚧 마주했던 어려움

• 카메라가 이동할수록 특정 오브젝트가 사라지는 현상이 있었고, 해당 문제는 이후 포스팅에서 자세히 다룰 예정인 절두체 컬링 이슈였다

---

🔜 다음 목표 (To do List)

• 🎆 애니메이션이 적용되는 3D 에셋 관련 기획 및 구현
• 🧭 사용자 인터랙션 기반의 2D UI 요소 기획 및 구현
• 🧹 전체 코드 리팩토링 및 재사용성 높은 컴포넌트 구조화