포스트

3D 하트 인터랙티브 애니메이션

3D 하트 인터랙티브 애니메이션

마우스로 인터랙션할 수 있는 3D 하트 애니메이션입니다. 슬라이더를 사용하여 X, Y, Z축으로 회전시킬 수 있습니다.

애니메이션 실행

✨ 3D 회전 제어 (Rotation Controls)
X 축
Y 축
Z 축

기능 설명

  • 마우스 인터랙션: 마우스를 움직이면 파티클이 반응합니다
  • 회전 제어: 슬라이더로 3D 하트를 회전시킬 수 있습니다
  • 3D 파티클 효과: 수학적 방정식을 사용한 3D 하트 모양

첫번째 사진

🧐 오늘의 소감은?

처음 3D로 하트 모양을 그리는게 어떻게 해야하는 지 잘 몰라서 Three.js를 사용해야하나 어떻게 해야하는지 몰랐는데 함수중에서 하트를 입체 도형으로 그릴 수 있는 함수가 있어서 참고해서 그리게 되었는데…. 아 너무 어려운 것 같아요 ㅠ 처음으로 무지성 인스타에 비슷한 느낌을 하는 게 있어서 따라해보고 싶은 마음에 시작했는데 그리는 것부터 시작해서 너무 어려웠습니다 ㅠㅠㅠ

이번에 정말 오랜만에 업로드를 하였는데… 자격증 공부한다 이직 준비한다… 대학원 준비한다… 핑계로 연말이 되서야 하나 업로드를 하게 되었네요🥺 꾸준히가 중요한뎅 앞으로의 소감은 좀 더 공부한 내용에 대한 피드백으로 하는게 좋겠네요 너무 감정일기로 변질 된 것 같기도….

이 기사는 저작권자의 CC BY 4.0 라이센스를 따릅니다.