title: ThreeJS transparent PNG textures black
body: <p>Im trying to understand an issue i am facing with ThreeJS. I have a simple cube on a page and i have a PNG of a white question mark, with the rest of the image transparent. When i add the texture to the cube;</p>
  
  <pre><code>cubeGeometry = new THREE.BoxGeometry( 5, 5, 5 );
  cubeMaterial = new THREE.MeshStandardMaterial( { color: this.cubeColor, flatShading: true, map:new THREE.TextureLoader().load( require("./question-mark.png") ) } );
  cubeMesh = new THREE.Mesh( cubeGeometry, cubeMaterial );
  </code></pre>
  
  <p>The transparent pixels in the PNG appear black no matter what i do. Whats even stranger is the white pixels of the PNG appear the color of this.cubeColor - which is set to orange.</p>
  
  <p>I would expect the cube color to be orange with the transparent pixels of the PNG taking that color and the white pixels in the PNG to remain white.</p>
  
  <p>Anyone shed some light ?</p>
  
  <p>what I see</p>
  
  <p><img src="https://i.stack.imgur.com/F9iUz.png" alt="what i see"></p>
  
  <p>the texture</p>
  
  <p><img src="https://i.stack.imgur.com/TZjAJ.png" alt="texture"></p>