title: A-Frame ignoring 3D model's slightly transparent materials
body: <p>I've created a 3D model using Blender that has three materials with some transparency and exported as .glb.</p>
  
  <p><a href="https://i.stack.imgur.com/f4ylC.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/f4ylC.jpg" alt="3D model"></a></p>
  
  <p>When I test it in the browser, even though the structure is the same, the materials are not</p>
  
  <p><a href="https://i.stack.imgur.com/FRjSm.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FRjSm.jpg" alt="A-Frame 3D model colors don&#39;t add up"></a></p>
  
  <p>Read the <a href="https://aframe.io/docs/1.0.0/introduction/models.html#troubleshooting" rel="nofollow noreferrer">troubleshooting guide for 3D models</a> and didn't see anything like this. </p>
  
  <p>As mentioned <a href="https://stackoverflow.com/a/44455394/5675325">here</a>, tested uploading it to <a href="https://clara.io/view/26786e8a-1b93-40d7-911e-1371581ef4b9" rel="nofollow noreferrer">Clara.io</a> but got the same result as the one in the browser</p>
  
  <p><a href="https://i.stack.imgur.com/0lGGA.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0lGGA.jpg" alt="Clara.io 3D Octant"></a></p>
  
  <p>Tested exporting the file again, visualizing in different browsers and adding to A-Frame's <code>&lt;a-entity gltf-model="#octant"&gt;</code> and <code>&lt;a-asset-item id="octant" src="octant.glb"&gt;</code>:</p>
  
  <ul>
  <li><code>material="opacity: 0.0; transparent: true"</code></li>
  <li><code>transparent="true"</code></li>
  </ul>
  
  <p><a href="https://glitch.com/~3d-octant" rel="nofollow noreferrer">Check the Glitch version here</a></p>
  
  <hr>
  
  <p>Tried simplifying the shader</p>
  
  <p><a href="https://i.stack.imgur.com/wLVpV.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wLVpV.jpg" alt="Simplify shader"></a></p>
  
  <p>but that also didn't work</p>
  
  <p><a href="https://i.stack.imgur.com/khSko.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/khSko.jpg" alt="A-Frame nooooo"></a></p>