Three.js - 화면에 텍스트 오버레이가 표시되는 경우

Question

특정 시점 (예 : 마우스 버튼을 클릭 할 때)의 3D 장면 위에 텍스트 오버레이를 제공하는 메커니즘을 만들고 싶습니다.

github에있는 자습서를 살펴보고 THREE.TextGeometry 클래스와 같은 알림을 보겠습니다. 그것을 사용하여 나는 장면에 3D 텍스트를 넣을 수 있습니다. 그러나 그것은 제가 필요로하는 것보다 조금 더 많을 수 있습니다. 저는 실제로 뒤에 검은 배경에 텍스트를 넣고 장면에 오버레이하는 방법을 사용합니다. 완료되면 그것을 밖으로 이동하십시오. 누구든지 3에서이 작업을 수행하는 좋은 방법을 알고 있습니까? js? (THREE.TextGeometry 클래스가이 작업을 수행하는 좋은 방법이라면 오버레이 비트를 수행하는 방법을 모르겠습니다.

Answer 1

HTML을 사용하십시오. 특히 오버레이 만 있으면 특히 쉽고 강력합니다. CSS를 사용하면 반투명 배경 같은 것을 얻을 수 있습니다. 원근법 등을 장면에 "혼합"하고 싶다면 THREE.CSS3DRenderer을 사용하면 제공 한 카메라를 기준으로 div를 변환 할 수 있습니다.