Three.Js draw linear gradient texture in webgl

Question

With canvas renderer, I am using a function that draws a linear gradient. I would like this to work with the webgl renderer as well, but it chokes on transparency. The cod

Answer 1

For WebGLRenderer, you need to set material.transparent = true.

var material = new THREE.MeshBasicMaterial( { map: texture, transparent: true } );

Updated fiddle: http://jsfiddle.net/FtML5/3/

three.js r.62