# Drawing an outline (silhouette/contour) around the object

**URL:** <https://discourse.threejs.org/t/drawing-an-outline-silhouette-contour-around-the-object/45211>\
**Category:** Questions\
**Tags:** bvh, three-mesh-bvh\
**Created:** [November 27, 2022, 1:40pm UTC](https://discourse.threejs.org/t/drawing-an-outline-silhouette-contour-around-the-object/45211 "2022-11-27T13:40:06Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![vladmdgolam](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/vladmdgolam/32/22849_2.png) [@vladmdgolam](https://discourse.threejs.org/u/vladmdgolam)\
**Post date:** [November 27, 2022, 1:40pm UTC](https://discourse.threejs.org/t/drawing-an-outline-silhouette-contour-around-the-object/45211/1 "2022-11-27T13:40:06Z")

</div>

Hi everyone!

I am trying to find a way to draw a silhouette of an object in three.js with a line geometry (so outline shaders won’t help), and three-mesh-bvh seems to be a great way of doing it. I want then to use this line to draw a text following this path (shown as purple on the picture).

There’s a [edge projection example](https://gkjohnson.github.io/three-mesh-bvh/example/bundle/edgeProjection.html), and it already solves the problem, but has a lot of inner faces that I’m trying to get rid of. On the basic level, I think that we have to filter out all the edges that have any other edges that are closer to BVH. And now I’m trying to find a way to do this.

Would appreciate any help! Thanks in advance

P.S.: object on the picture is 3d, but rendered without any shading so it looks flat

 ![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/7/f/7ff4e69b0a0fe5f6a28c6e56252a97b9d7b3aa97.png)

---

<div class="post-metadata">

**Author:** ![Abdelkodos\_Fathy](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/abdelkodos_fathy/32/54769_2.png) [@Abdelkodos\_Fathy](https://discourse.threejs.org/u/Abdelkodos_Fathy)\
**Post date:** [July 29, 2025, 4:17pm UTC](https://discourse.threejs.org/t/drawing-an-outline-silhouette-contour-around-the-object/45211/2 "2025-07-29T16:17:09Z")

</div>

**Hi bro, I’m facing the same problem. Did you find a solution** 🥲

---

<div class="post-metadata">

**Author:** ![franco\_gaetan](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/franco_gaetan/32/61212_2.png) [@franco\_gaetan](https://discourse.threejs.org/u/franco_gaetan)\
**Post date:** [July 29, 2025, 7:18pm UTC](https://discourse.threejs.org/t/drawing-an-outline-silhouette-contour-around-the-object/45211/3 "2025-07-29T19:18:21Z")

</div>

> [@vladmdgolam](#):
>
> I am trying to find a way to draw a silhouette of an object in three.js with a line geometry (so outline shaders won’t help), and three-mesh-bvh seems to be a great way of doing it. I want then to use this line to draw a text following this path (shown as purple on the picture).

Check this here.

> **[GitHub - rcman/silhouette](https://github.com/rcman/silhouette)**
>
> Contribute to rcman/silhouette development by creating an account on GitHub.