# \#wireframe

**URL:** https://discourse.threejs.org/tag/wireframe/61.md

[Latest](https://discourse.threejs.org/latest.md) · [Categories](https://discourse.threejs.org/categories.md) · [Tags](https://discourse.threejs.org/tags.md)

---

## [Wireframe: transmission + transparency](https://discourse.threejs.org/t/wireframe-transmission-transparency/94181)

<div class="topic-metadata">

**Author:** [@prisoner849](https://discourse.threejs.org/u/prisoner849)\
**Replies:** 1\
**Last updated:** [September 9, 2026, 5:50pm UTC](https://discourse.threejs.org/t/wireframe-transmission-transparency/94181 "2026-09-09T17:50:59Z")

</div>

Hi community! A funny effect, based on the example of wireframe. Picture: Demo: Sketch

---

## [Nefertiti \[wireframe shader\]](https://discourse.threejs.org/t/nefertiti-wireframe-shader/92576)

<div class="topic-metadata">

**Author:** [@prisoner849](https://discourse.threejs.org/u/prisoner849)\
**Replies:** 1\
**Last updated:** [July 1, 2026, 7:49pm UTC](https://discourse.threejs.org/t/nefertiti-wireframe-shader/92576 "2026-07-01T19:49:23Z")

</div>

Hi community! We all know this example of wireframe: three.js examples It uses a custom attribute center, that contains repetitive data for vertices of each face, like this: ... 1, 0, 0, 0, 1, 0, 0, 0, 1, ... My thou…

---

## [Wireframe of quads](https://discourse.threejs.org/t/wireframe-of-quads/17924)

<div class="topic-metadata">

**Author:** [@prisoner849](https://discourse.threejs.org/u/prisoner849)\
**Replies:** 22\
**Last updated:** [January 18, 2026, 10:39pm UTC](https://discourse.threejs.org/t/wireframe-of-quads/17924 "2026-01-18T22:39:49Z")

</div>

Hi, community! Here is a solution for those types of geometries that are a distorted plane in general. https://codepen.io/prisoner849/full/azZJMPE Code: setGeom(new THREE.PlaneGeometry(5, 5, 11, 12), 0x00ffff, -10…

---

## [Rendering quad mesh and it's edges](https://discourse.threejs.org/t/rendering-quad-mesh-and-its-edges/424)

<div class="topic-metadata">

**Author:** [@K41](https://discourse.threejs.org/u/K41)\
**Replies:** 11\
**Last updated:** [August 4, 2017, 12:47pm UTC](https://discourse.threejs.org/t/rendering-quad-mesh-and-its-edges/424 "2017-08-04T12:47:37Z")

</div>

Hi all, For the project i'm working on we need to render quad meshes and in particular it's edge geometry and correct normals. I am working currently with obj files. For illustration what i mean, here is a picutre that…

---

## [Wireframe over surface](https://discourse.threejs.org/t/wireframe-over-surface/78004)

<div class="topic-metadata">

**Author:** [@yesbird](https://discourse.threejs.org/u/yesbird)\
**Replies:** 6\
**Last updated:** [February 12, 2025, 2:42pm UTC](https://discourse.threejs.org/t/wireframe-over-surface/78004 "2025-02-12T14:42:31Z")

</div>

Greetings ! Working on parametric surface visualization I got the following problem while rendering lines over surface. The goal is applying wireframe to the surface while keeping the surface’s texture. In general it w…

---

## [Is there an way to show/export model wireframes?](https://discourse.threejs.org/t/is-there-an-way-to-show-export-model-wireframes/13783)

<div class="topic-metadata">

**Author:** [@drcmda](https://discourse.threejs.org/u/drcmda)\
**Replies:** 18\
**Last updated:** [February 3, 2024, 12:16am UTC](https://discourse.threejs.org/t/is-there-an-way-to-show-export-model-wireframes/13783 "2024-02-03T00:16:50Z")

</div>

This is my wireframe in blender: And this is the same model in three with the wireframe tag: Is there any possible way to get the original wireframe, the one that shows the real edges instead of the triangles? GLTF…

---

## [Wireframe -- how to implement and with user settable toggle?](https://discourse.threejs.org/t/wireframe-how-to-implement-and-with-user-settable-toggle/46883)

<div class="topic-metadata">

**Author:** [@bob1942](https://discourse.threejs.org/u/bob1942)\
**Replies:** 9\
**Last updated:** [January 15, 2023, 11:17pm UTC](https://discourse.threejs.org/t/wireframe-how-to-implement-and-with-user-settable-toggle/46883 "2023-01-15T23:17:20Z")

</div>

I’ve looked at many user questions and reader discussions about wireframes in both Discourse and Stackoverflow. But I am still pretty fogged about to actually implement a wireframe at all and with a toggle in my lil-gui …

---

## [Slow WireframeGeometry creation](https://discourse.threejs.org/t/slow-wireframegeometry-creation/46798)

<div class="topic-metadata">

**Author:** [@kermado](https://discourse.threejs.org/u/kermado)\
**Replies:** 2\
**Last updated:** [January 12, 2023, 7:53am UTC](https://discourse.threejs.org/t/slow-wireframegeometry-creation/46798 "2023-01-12T07:53:40Z")

</div>

Hello, I create a wireframe mesh that gets overlayed on top of the 3D mesh (see image below). The cost of creating the WireframeGeometry seems quite high, with virtually all the time spent in WireframeGeometry.isUniq…

---

## [Setting matrixWorld and attaching to parent overwrites the rotations with \[I\]](https://discourse.threejs.org/t/setting-matrixworld-and-attaching-to-parent-overwrites-the-rotations-with-i/44560)

<div class="topic-metadata">

**Author:** [@ccammack](https://discourse.threejs.org/u/ccammack)\
**Replies:** 6\
**Last updated:** [November 12, 2022, 6:01am UTC](https://discourse.threejs.org/t/setting-matrixworld-and-attaching-to-parent-overwrites-the-rotations-with-i/44560 "2022-11-12T06:01:41Z")

</div>

I’m trying to load the helmet GLTF and replace each Mesh with its “thick” Wireframe equivalent but I end up with an unexpected 90 degree pitch in the end. I traverse the node tree twice. On the first pass I run update…

---

## [Is there a way to make a wireframe block stuff behind it?](https://discourse.threejs.org/t/is-there-a-way-to-make-a-wireframe-block-stuff-behind-it/43076)

<div class="topic-metadata">

**Author:** [@prominent](https://discourse.threejs.org/u/prominent)\
**Replies:** 1\
**Last updated:** [September 29, 2022, 9:06pm UTC](https://discourse.threejs.org/t/is-there-a-way-to-make-a-wireframe-block-stuff-behind-it/43076 "2022-09-29T21:06:30Z")

</div>

I’m trying to render just a wireframe mesh, but where it overlap I can see stuff through the mesh. I don’t want to be able to view through it. Is this possible? Reason I need to do this, is because the wireframe is crea…

---

## [Unexpected Wireframe Display](https://discourse.threejs.org/t/unexpected-wireframe-display/30111)

<div class="topic-metadata">

**Author:** [@Melih\_Unsal](https://discourse.threejs.org/u/Melih_Unsal)\
**Replies:** 4\
**Last updated:** [April 13, 2022, 11:03pm UTC](https://discourse.threejs.org/t/unexpected-wireframe-display/30111 "2022-04-13T23:03:58Z")

</div>

Hi, I have a garment mesh which i can render in blender correctly. However, when i use in three.js with obj and mtl loaders, interestingly i can get a result similar to wireframe which i didn’t want. mtlLoader.load( mtl…

---

## [ShaderMaterial showing only part of the shape (but shows all when wireframe == true)](https://discourse.threejs.org/t/shadermaterial-showing-only-part-of-the-shape-but-shows-all-when-wireframe-true/32102)

<div class="topic-metadata">

**Author:** [@nor\_three](https://discourse.threejs.org/u/nor_three)\
**Replies:** 2\
**Last updated:** [November 26, 2021, 2:27pm UTC](https://discourse.threejs.org/t/shadermaterial-showing-only-part-of-the-shape-but-shows-all-when-wireframe-true/32102 "2021-11-26T14:27:14Z")

</div>

Hi, I’ve created a simple shader to show a curve. My problem is that only part of the curve (the beginning) shows up on the screen. However when I set the wireframe mode, then I can see all the triangles. Is it an issu…

---

## [X-ray Effect for transparent Meshes](https://discourse.threejs.org/t/x-ray-effect-for-transparent-meshes/24417)

<div class="topic-metadata">

**Author:** [@Garry\_Anand](https://discourse.threejs.org/u/Garry_Anand)\
**Replies:** 3\
**Last updated:** [May 9, 2021, 4:10pm UTC](https://discourse.threejs.org/t/x-ray-effect-for-transparent-meshes/24417 "2021-05-09T16:10:40Z")

</div>

How can I achieve an X-ray like effect as above when a mesh is transparent? I have tried using THREE.MeshStandardMaterial({ side: THREE.DoubleSide, transparent: true, opacity: 0.5 , }); but this only gi…

---

## [How does Material Wireframe work? My own wireframe shader?](https://discourse.threejs.org/t/how-does-material-wireframe-work-my-own-wireframe-shader/25973)

<div class="topic-metadata">

**Author:** [@mysterybear](https://discourse.threejs.org/u/mysterybear)\
**Replies:** 4\
**Last updated:** [May 5, 2021, 2:32pm UTC](https://discourse.threejs.org/t/how-does-material-wireframe-work-my-own-wireframe-shader/25973 "2021-05-05T14:32:05Z")

</div>

Hi, As as learning exercise, I want to use my own shaders to render a wireframe of a geometry, similar to a material with wireframe set to true. I tried looking in the codebase and couldn’t figure out how it’s done.

---

## [(Sphere) Geometry just wireframe but without diagonal lines](https://discourse.threejs.org/t/sphere-geometry-just-wireframe-but-without-diagonal-lines/4027)

<div class="topic-metadata">

**Author:** [@blackInk](https://discourse.threejs.org/u/blackInk)\
**Replies:** 7\
**Last updated:** [February 22, 2021, 11:02pm UTC](https://discourse.threejs.org/t/sphere-geometry-just-wireframe-but-without-diagonal-lines/4027 "2021-02-22T23:02:49Z")

</div>

Hi, I think the titel says it all: Is there a way to generate a SphereGeometry with Wireframe(Material) but without showing/drawing the wireframe its diagonal lines?

---

## [Getting Coordinates of wireframe coordinates while painting the model](https://discourse.threejs.org/t/getting-coordinates-of-wireframe-coordinates-while-painting-the-model/22146)

<div class="topic-metadata">

**Author:** [@ibrahimunal](https://discourse.threejs.org/u/ibrahimunal)\
**Replies:** 19\
**Last updated:** [January 13, 2021, 10:26am UTC](https://discourse.threejs.org/t/getting-coordinates-of-wireframe-coordinates-while-painting-the-model/22146 "2021-01-13T10:26:46Z")

</div>

Hi everyone, I’m new to the three.js so I’m sorry if the question is weird or meaningless. The heading might seem weird but let me explain in a clear way. As I had a few searches on the web I come up with decal splatter …

---

## [How to animate wireframe for gltf object](https://discourse.threejs.org/t/how-to-animate-wireframe-for-gltf-object/13620)

<div class="topic-metadata">

**Author:** [@Andrew\_Bro](https://discourse.threejs.org/u/Andrew_Bro)\
**Replies:** 3\
**Last updated:** [January 9, 2021, 8:27pm UTC](https://discourse.threejs.org/t/how-to-animate-wireframe-for-gltf-object/13620 "2021-01-09T20:27:33Z")

</div>

Hey guys! i added additional wireframe but it doesnt want to animate :frowning: how i can fix it? var loader = new THREE.GLTFLoader(); loader.load( MODEL\_PATH, function (gltf) { model = gltf.scene; let fileAnimatio…

---

## [Three JS how to add color and line thickness to mesh loaded with GLTFLoader](https://discourse.threejs.org/t/three-js-how-to-add-color-and-line-thickness-to-mesh-loaded-with-gltfloader/17544)

<div class="topic-metadata">

**Author:** [@tiesfa](https://discourse.threejs.org/u/tiesfa)\
**Replies:** 1\
**Last updated:** [July 31, 2020, 12:09am UTC](https://discourse.threejs.org/t/three-js-how-to-add-color-and-line-thickness-to-mesh-loaded-with-gltfloader/17544 "2020-07-31T00:09:31Z")

</div>

So far I managed to load a mesh with GLTFLoader and turn it into a wireframe. I’m stuck at the part where I want to color it and give it a line thickness. I don’t completely understand how to use traverse(). My code so …

---

## [GLTF Wireframe toggle](https://discourse.threejs.org/t/gltf-wireframe-toggle/16223)

<div class="topic-metadata">

**Author:** [@ashishsiddharth](https://discourse.threejs.org/u/ashishsiddharth)\
**Replies:** 7\
**Last updated:** [June 16, 2020, 7:14pm UTC](https://discourse.threejs.org/t/gltf-wireframe-toggle/16223 "2020-06-16T19:14:53Z")

</div>

Hi, What is way to toggle wire frame using gltf model? Here is my code… Function to add model function addmodel() {loader.load( './model/model.glb', function (Geometry){ model = Geometry.scene; model.traverse ( ( o…

---

## [Object wireframe with fill color in my current code](https://discourse.threejs.org/t/object-wireframe-with-fill-color-in-my-current-code/4576)

<div class="topic-metadata">

**Author:** [@mithradantor](https://discourse.threejs.org/u/mithradantor)\
**Replies:** 6\
**Last updated:** [April 30, 2020, 6:43pm UTC](https://discourse.threejs.org/t/object-wireframe-with-fill-color-in-my-current-code/4576 "2020-04-30T18:43:57Z")

</div>

Hi guys, currently I can load my model and its textures perfectly fine. I made a toggle button that will change a variable from false to true, and when true I would like to display the object wireframe. Only problem I …

---

## [FBX loader - Wireframe and material](https://discourse.threejs.org/t/fbx-loader-wireframe-and-material/7123)

<div class="topic-metadata">

**Author:** [@ALTRAN-CFD-TEAM](https://discourse.threejs.org/u/ALTRAN-CFD-TEAM)\
**Replies:** 11\
**Last updated:** [April 25, 2019, 10:39pm UTC](https://discourse.threejs.org/t/fbx-loader-wireframe-and-material/7123 "2019-04-25T22:39:22Z")

</div>

Hi all, i work on computed fluid dynamics rendering web application. From Paraview to html, I load fbx file, i can hide/show the geometry with “dat.GUI”. I add the wireframe function too, but i loose the vertex colors …

---

## [Addding border to a model loaded with GLTFLoader](https://discourse.threejs.org/t/addding-border-to-a-model-loaded-with-gltfloader/4975)

<div class="topic-metadata">

**Author:** [@getsundar](https://discourse.threejs.org/u/getsundar)\
**Replies:** 5\
**Last updated:** [November 19, 2018, 9:52am UTC](https://discourse.threejs.org/t/addding-border-to-a-model-loaded-with-gltfloader/4975 "2018-11-19T09:52:07Z")

</div>

Hello I have added a model to the scene with GLTFLoader. Now if I apply the wireframe to the material it works. But my requirement is to show the model with the texture and also with the wireframe. Please let me know on…

---

## [Proper way of adding and removing a wireframe](https://discourse.threejs.org/t/proper-way-of-adding-and-removing-a-wireframe/4600)

<div class="topic-metadata">

**Author:** [@mithradantor](https://discourse.threejs.org/u/mithradantor)\
**Replies:** 6\
**Last updated:** [October 22, 2018, 9:24pm UTC](https://discourse.threejs.org/t/proper-way-of-adding-and-removing-a-wireframe/4600 "2018-10-22T21:24:49Z")

</div>

Hi guys, currently adding a wireframe works perfectly. Removing too, except that my textures are gone and I am left with a “black-ish” model. What is the proper way of removing a wireframe and bring the model back in i…

---

## [Wireframe with SkinnedMesh](https://discourse.threejs.org/t/wireframe-with-skinnedmesh/3447)

<div class="topic-metadata">

**Author:** [@Shanaya](https://discourse.threejs.org/u/Shanaya)\
**Replies:** 2\
**Last updated:** [July 16, 2018, 10:18am UTC](https://discourse.threejs.org/t/wireframe-with-skinnedmesh/3447 "2018-07-16T10:18:51Z")

</div>

I have a model of a hand whose movement of fingers can be controlled I’ve added a wireframe ontop of the hand. However, when I move the fingers, the wireframe does not move along. var loader = new THREE.JSONLoader();…

---

## [Add a Wireframe onto an externally loaded object](https://discourse.threejs.org/t/add-a-wireframe-onto-an-externally-loaded-object/3381)

<div class="topic-metadata">

**Author:** [@Shanaya](https://discourse.threejs.org/u/Shanaya)\
**Replies:** 7\
**Last updated:** [July 10, 2018, 10:12am UTC](https://discourse.threejs.org/t/add-a-wireframe-onto-an-externally-loaded-object/3381 "2018-07-10T10:12:21Z")

</div>

How do you add/map a wireframe (or any other material) onto an externally loaded object

---

## [Wireframe with rectangle](https://discourse.threejs.org/t/wireframe-with-rectangle/2856)

<div class="topic-metadata">

**Author:** [@chenxiaoleizi](https://discourse.threejs.org/u/chenxiaoleizi)\
**Replies:** 4\
**Last updated:** [May 18, 2018, 12:48am UTC](https://discourse.threejs.org/t/wireframe-with-rectangle/2856 "2018-05-18T00:48:16Z")

</div>

I want to do something like this. \[QQ%E6%88%AA%E5%9B%BE20180517110058\] here is my code, and this is the result. \[QQ%E6%88%AA%E5%9B%BE20180517104904\] var mtlLoader = new THREE.MTLLoader(); var objLoader = new THREE.OB…

---

## [Moving the barycentric stylized wireframe](https://discourse.threejs.org/t/moving-the-barycentric-stylized-wireframe/1762)

<div class="topic-metadata">

**Author:** [@williammanco](https://discourse.threejs.org/u/williammanco)\
**Replies:** 2\
**Last updated:** [February 3, 2018, 7:58pm UTC](https://discourse.threejs.org/t/moving-the-barycentric-stylized-wireframe/1762 "2018-02-03T19:58:12Z")

</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) to generate this wireframe a…

---

## [Custom geometry method](https://discourse.threejs.org/t/custom-geometry-method/438)

<div class="topic-metadata">

**Author:** [@trumee](https://discourse.threejs.org/u/trumee)\
**Replies:** 1\
**Last updated:** [June 9, 2017, 7:09pm UTC](https://discourse.threejs.org/t/custom-geometry-method/438 "2017-06-09T19:09:31Z")

</div>

Hello, I am trying to create a geometry consisting of a lot of cubes. Each cube is defined using a custom geometry with a set of vertices and faces (it is finite element model mesh). The mesh renders fine but when i try …