유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

R3F Cookbook : useFrame 훅

GIS DEVELOPER

2025. 5. 28.

0

#frontend
#game
  • 렌더링 프레임마다 메시의 상태를 변경하여 애니메이션 구현 가능 🔄
  • useFrame 훅은 R3F 장면 렌더링 직전에 콜백 함수를 호출 🎬
  • useFrame 훅의 우선순위를 조정하여 실행 순서 변경 가능 🥇
  • state 인자를 통해 렌더링 돔 영역 크기, 뷰포트 정보, 신 객체 등 다양한 정보 획득 가능 ℹ️
  • renderer 객체를 통해 장면을 구성하는 삼각형 면의 수 확인 가능 📐
  • 카메라 화각, 마우스 커서 위치 등도 state 인자를 통해 얻을 수 있음 🖱️
  • frameLoop 값을 demand로 설정하면 프레임 렌더링이 자동으로 실행되지 않음 멈춤 🚫
  • OrbitControls 객체를 controls로 참조하려면 makeDefault 값을 지정해야 함 ✅
  • Raycaster를 이용하여 마우스 커서 위치에 있는 메시 확인 가능 ✨

Recommanded Videos