텍스처 주위에 Three.js 평면 형상 테두리가 있습니다.

Question

저는 Three.JS 평면 형상이 텍스처로 이미지가있는 자리 표시 자로 구성된 3D 이미지 뷰어를 작성하고 있습니다.

이제 이미지 주위에 검은 색 테두리를 추가하고 싶습니다. 아직 구현하지 못한 유일한 방법은 표시 할 이미지 뒤에 새로운 검은 색 평면 형상을 추가하는 것입니다. 그러나 이것은 필자가 피하고 싶은 나의 프레임 워크에 대한 전체 판매 변경을 요구했다.

WebGL의 텍스처로드 함수 gl.texImage2D에는 테두리 매개 변수가 있습니다. 그러나 Three.js를 통해 어디서나 노출 된 것을 발견 할 수 없었고 생각했던대로 작동하는지도 의심 스럽습니다.

텍스처 주위에 테두리를 추가하는 쉬운 방법이 있습니까?

Answer 1

임시 일반 2D 캔버스를 사용하여 이미지를 렌더링하고 페인트 테두리와 같은 모든 종류의 편집/효과를 적용 할 수 있습니다. 그 캔버스 이미지를 텍스처로 사용하십시오. 약간의 작업 일지 모르지만 테두리와 다른 스타일을 스타일링 할 때 많은 유연성을 얻을 수 있습니다.

나는 내 컴퓨터에 가까이 있지 않으며 며칠 동안 지낼 수 없으므로 내 자신의 예를들 수 없습니다. 이 문제에는 시작을위한 몇 가지 코드가 포함되어 있습니다. https://github.com/mrdoob/three.js/issues/868