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 interface. I would really like to implement an edges-only option (no diagonals …

You don’t need to transform the geometry. When you set the material’s wireframe property to true, the same geometry will be rendered as a wireframe instead of a solid surface. A geometry is a collection of points, you can render them in three different modes: points, lines and triangles, setting ma…

I don’t use lil-gui, so not an expert, but the checkbox is added by this line of code: function guiMeshPhongMaterial( gui, mesh, material, geometry ) { ... folder.add( material, 'wireframe' ); ... } It seems that in the absence of an explicit handler, lil-gui toggles the property of the mate…

[image] bob1942: I would really like to implement an edges-only option (no diagonals in the triangles) that makes the underlying geometry disappear. As a starting point: Wireframe of quads

From the Collection of examples from discourse.threejs.org SphereWithoutDiagonals This may also be helpful? Grid Collection

Thank you for your answer. I think the user interaction through lil-gui is working. I just don’t know how to transform a given geometry such as a cube so that the wireframe appears.

Thanks prisoner849! I will look into your suggestion.

hofk: thanks for the links! I will look into both of them for help.

tfoller: thanks again for your advice. Initially I was trying to use this pattern: const auxGeometry = new THREE.EdgesGeometry( geometry ); const auxMaterial = new THREE.LineBasicMaterial( { color: 0xffffff, linewidth: 2 } ); const wireframe = new THREE.LineSegments( auxGeometry, auxMaterial ); …

Mesh is a combination of a geometry and a material. There are Mesh materials, they can be used to render a solid or a wireframe. The pattern for using a Mesh materials is: const geo = new THREE.BoxGeometry(...); const mat = new THREE.MeshPhongMaterial(...); // to produce a wireframe MeshPhongMate…

Wireframe -- how to implement and with user settable toggle?

Questions

prisoner849 January 15, 2023, 12:57pm 3

As a starting point: Wireframe of quads

Topic		Replies	Views
GLTF Wireframe toggle Questions wireframe	7	4276	June 16, 2020
Remove some of wireframes Questions geometry	2	915	July 16, 2019
Eliminating diagonals on wireframe Questions materials , geometry , animation	18	6485	March 16, 2018
Is there an way to show/export model wireframes? Questions wireframe	18	4391	February 3, 2024
Wireframe in complex geometry exported from Blender Questions models , loaders , geometry	2	745	March 20, 2018

Wireframe -- how to implement and with user settable toggle?

Related topics