Javascript 如何使THREE.js中的createMultiMaterialObject在r62中正常工作？

我无法让createMultiMaterialObject像我假设的那样工作。 我希望线框材质显示在实体材质的顶部。“多重材质”只显示阵列中定义的第一种材质

代码如下：

var geometry = new THREE.PlaneGeometry(  this.model.density.width, this.model.density.height, this.model.density.x, this.model.density.y);
var mat1 = new THREE.MeshBasicMaterial( { color: 0xd02000, transparent: true } )
var blackLines = new THREE.MeshBasicMaterial( { color: 0xffffff, transparent:true, wireframe: true, wireframeLinewidth: 1 } );
var materials = [mat1, blackLines ];

this.plane = THREE.SceneUtils.createMultiMaterialObject( geometry, materials );

在下图中，红色的“地面”是假定具有多重材质的网格，尽管只有一个会出现（在本例中为红色MeshBasicMaterial）

---

默认不透明度为1

var mat1=new THREE.MeshBasicMaterial（{color:0xd02000，transparent:true，opacity:0.5}）

您能提供一个简单的实时示例（JSFIDLE）来演示这个问题吗？