# THREE.MeshLine build-in?

**URL:** <https://discourse.threejs.org/t/three-meshline-build-in/3620>\
**Category:** Questions\
**Tags:** lines\
**Created:** [July 31, 2018, 10:28am UTC](https://discourse.threejs.org/t/three-meshline-build-in/3620 "2018-07-31T10:28:12Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![blackInk](https://avatars.discourse-cdn.com/v4/letter/b/c2a13f/32.png) [@blackInk](https://discourse.threejs.org/u/blackInk)\
**Post date:** [July 31, 2018, 10:28am UTC](https://discourse.threejs.org/t/three-meshline-build-in/3620/1 "2018-07-31T10:28:12Z")

</div>

Is this [https://github.com/spite/THREE.MeshLine](https://github.com/spite/THREE.MeshLine)  
part of Threejs nowadays… or must it be added “on top” of it?

Cheers

---

<div class="post-metadata">

**Author:** ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)\
**Post date:** [July 31, 2018, 10:32am UTC](https://discourse.threejs.org/t/three-meshline-build-in/3620/2 "2018-07-31T10:32:23Z")

</div>

see [https://threejs.org/examples/webgl\_lines\_fat.html](https://threejs.org/examples/webgl_lines_fat.html)

It’s not in the core but in the examples.

---

<div class="post-metadata">

**Author:** ![blackInk](https://avatars.discourse-cdn.com/v4/letter/b/c2a13f/32.png) [@blackInk](https://discourse.threejs.org/u/blackInk)\
**Post date:** [July 31, 2018, 10:37am UTC](https://discourse.threejs.org/t/three-meshline-build-in/3620/3 "2018-07-31T10:37:13Z")

</div>

Uber!

I´m still looking for a good example how to animate those lines - aka making an animated ribbon out of it? There isn´t a Threejs example as well?

---

<div class="post-metadata">

**Author:** ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)\
**Post date:** [July 31, 2018, 11:07am UTC](https://discourse.threejs.org/t/three-meshline-build-in/3620/4 "2018-07-31T11:07:07Z")

</div>

There is no example for this. One simple approach to animate a line is to use `maxInstancedCount` of the respective geometry object:

[https://jsfiddle.net/f2Lommf5/10572/](https://jsfiddle.net/f2Lommf5/10572/)

Not sure this helps for your use case.