R3F: Edges and Geometry

3D 공간에서의 Edge 컴포넌트를 사용하여 기하학적 형태를 이해하고 활용하는 방법을 알아봅니다.

2025-08-03

소개

R3F: Edges and Geometry

drei의 <Edges /> 컴포넌트를 사용하여 모델의 엣지를 강조할 수 있습니다.

GLTF 모델 가져오기

원본 GLTF 모델은 다음에서 참조할 수 있습니다.

원본: Day#58: Aluminium bracket - Download Free 3D model by JuanG3D (@juang3d) [496d1c0]

단순히 GLTF의 geometry와 material을 적용하면 검은색 알루미늄 브라켓을 확인할 수 있습니다.

엣지 강조

Canvas의 그림자 props를 활성화 하고 물체에도 그림자를 추가합니다.

<Edges />, <Outlines /> 컴포넌트를 사용하여 엣지를 강조합니다.

예제와 같이 hover 시에 선택 강조에 사용하면 좋습니다.

Loading script...