# Moving the barycentric stylized wireframe

**URL:** <https://discourse.threejs.org/t/moving-the-barycentric-stylized-wireframe/1762>\
**Category:** Questions\
**Tags:** fragment-shader, wireframe, shaders\
**Created:** [February 3, 2018, 2:10pm UTC](https://discourse.threejs.org/t/moving-the-barycentric-stylized-wireframe/1762 "2018-02-03T14:10:28Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![williammanco](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/williammanco/32/263_2.png) [@williammanco](https://discourse.threejs.org/u/williammanco)\
**Post date:** [February 3, 2018, 2:10pm UTC](https://discourse.threejs.org/t/moving-the-barycentric-stylized-wireframe/1762/1 "2018-02-03T14:10:28Z")

</div>

Hi guys, I would to moving a wireframe stylized from barycentric coordinates to y axis of a threejs plane geometry.

I used a repository by matt ([https://github.com/mattdesl/webgl-wireframes](https://github.com/mattdesl/webgl-wireframes)) to generate this wireframe and tryed to moving y axis from fragment shader, but seems too complicated to recalculate the position of this.

The idea is to create a “fake” movement of wireframe by fragment and the vertex is fixed.

**It’s possible to moving the wireframe from shader fragment?**

The visual effect would like this: [https://www.shadertoy.com/view/Ml2fWd](https://www.shadertoy.com/view/Ml2fWd)

**Thanks**  
**any help most welcome.**

W

---

<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:** [February 3, 2018, 7:12pm UTC](https://discourse.threejs.org/t/moving-the-barycentric-stylized-wireframe/1762/2 "2018-02-03T19:12:10Z")

</div>

> [@williammanco](#):
>
> It’s possible to moving the wireframe from shader fragment?

No. I guess you need to change the transformation of the mesh (the wireframe’s base) in JavaScript or perform some kind of vertex displacement in the vertex shader. What you see at shader toy is an animated grid drawn on a two dimensional plane (think of it like an animated texture).

---

<div class="post-metadata">

**Author:** ![williammanco](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/williammanco/32/263_2.png) [@williammanco](https://discourse.threejs.org/u/williammanco)\
**Post date:** [February 3, 2018, 7:58pm UTC](https://discourse.threejs.org/t/moving-the-barycentric-stylized-wireframe/1762/3 "2018-02-03T19:58:12Z")

</div>

Thanks @Mugen87!!  
It’s just what I wanted to know. if it is not possible it is better to find other solutions.

> [@Mugen87](#):
>
> What you see at shader toy is an animated grid drawn on a two dimensional plane (think of it like an animated texture).

Yes, I was thinking of using a texture image as a second option, or only fragment shader “fake” wireframe grid like shadertoy example, or FBO.