# Mixed material color / wireframe

**URL:** <https://discourse.threejs.org/t/mixed-material-color-wireframe/61653>\
**Category:** Questions\
**Tags:** shader-material\
**Created:** [February 19, 2024, 5:31pm UTC](https://discourse.threejs.org/t/mixed-material-color-wireframe/61653 "2024-02-19T17:31:34Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![hofk](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/hofk/32/44944_2.png) [@hofk](https://discourse.threejs.org/u/hofk)\
**Post date:** [February 19, 2024, 5:31pm UTC](https://discourse.threejs.org/t/mixed-material-color-wireframe/61653/1 "2024-02-19T17:31:34Z")

</div>

To improve the visualization of my geometries created by triangulation and deformation, I have used several variants so far.

1. single color one-sided and wireframe and transparent.  
see [TriangulationSphereWithHoles](https://hofk.de/main/threejs/Triangulation/TriangulationSphereWithHoles.html)

```javascript
const material1 = new THREE.MeshBasicMaterial( { side: THREE.DoubleSide, color: 0x000000, wireframe: true, transparent: true, opacity: 0.99 } );
const material2 = new THREE.MeshBasicMaterial( { side: THREE.FrontSide, color: 0x006600, transparent: true, opacity: 0.9 } );

```

1. single color double-sided and wireframe and transparent.  
see [InnerGeometryExample01](https://hofk.de/main/threejs/Triangulation/01_InnerGeometry.html)

```javascript

const material1 = new THREE.MeshBasicMaterial( { side: THREE.DoubleSide, color: 0x000000, wireframe: true, transparent: true, opacity: 0.99 } );
const material2 = new THREE.MeshBasicMaterial( { side: THREE.DoubleSide, color: 0x006600, transparent: true, opacity: 0.9 } );

```

1. two-colored ( front/back side via shader) and wireframe and transparent thanks to @prisoner849 ( see [How to have different colors/textures on bottom and top side of a Plane? - #5 by prisoner849](https://discourse.threejs.org/t/how-to-have-different-colors-textures-on-bottom-and-top-side-of-a-plane/12644/5) ) still works in r113

see [InnerGeometryTHREEi\_01](https://hofk.de/main/threejs/sandboxthreei/InnerGeometryTHREEi_01.html)

However, I have to create two meshes for each geometry and place them identically. That is certainly not effective.

Is there a way to create a material with the color and wireframe properties so that only one mesh is needed?  
Ideally also transparent?