원본 예제
HTML을 배치
drei의 <Html />을 사용해서 r3f 컴포넌트 내에 html 렌더링을 할 수 있습니다.
3차원 표멘에 렌더링
<Html /> 컴포넌트의 transform 속성을 true로 설정하면 부모 mesh의 변환을 따릅니다.
position 속성을 이용해 z축 위치를 box 보다는 더 앞으로 설정해 줍니다.
Slide 값 변경시에 drag로 인한 시점변경이 발생하지 않도록 useFrame을 사용해서 OrbitControls 인스턴스를 가져와 enabled 속성을 false로 설정합니다.