캔버스 요소에서 webgl을 사용하여 3D 그래픽을 만들기 위해 Three.js를 사용하고 있습니다. 3D 그래픽 상단에 2D 요소를 그릴 수있는 멋진 라이브러리가 있습니까? 3D 게임의 HUD와 같은 것. 3D 이미지 위에 화면에 일부 이미지 나 텍스트를 그려 보겠습니다. 어떤 아이디어? Three.js로 끝낼 수 있습니까?Three.js에서 멋지게 사용할 수있는 멋진 html5 2D 그래픽 라이브러리가 있습니까?
1
A
답변
2
당신은 자신의 예에서 알 수 있습니다 그가이 2D 그는 단지 다른 HTML 요소를 사용하여 객체를 오버레이 할 때 : http://mrdoob.github.com/three.js/examples/webgl_multiple_canvases_grid.html
그것은 자신을 위해 같은 일을 가치가있을 수 있습니다 어디 3D의 상단에 완전히 별도의 2D 캔버스 하나는 HUD를 제어합니다. 이 접근 방식에는 몇 가지 마우스 이벤트 관련 문제가 있으므로 필요한 항목에보다 정확하게 의존합니다.
나는 그것이가는 길일 것이라고 믿습니다. jQuery UI와 같은 상호 작용 기능 (draggable, droppable, resizable, selectable 및 sortable)과 함께 제공되는 모든 기능을 사용할 수 있습니다. 사실, 저는 다른 캔버스를 만들지 않고 캔버스 위에 레이어를 만들 것입니다. – Alerty
* Alerty *에 동의하지만 JavaScript가 webgl만큼 느리기 때문에 jquery를 기반으로 UI를 만들지는 않습니다. 사실 CSS3를 지원하는 최신 브라우저에서만 지원되는 webgl을 고려할 때, 새로운 html5 기술과 매우 얇은 JavaScript 레이어를 기반으로하는 경량 UI를 사용할 것입니다. – xxx