Javascript 精灵不显示渲染纹理贴图/渲染目标贴图

Javascript 精灵不显示渲染纹理贴图/渲染目标贴图,javascript,three.js,webgl,Javascript,Three.js,Webgl,我正在使用three.js,我设置了第二个场景和摄影机,并在其中添加了一个圆柱体。现在我设置了一个rendertarget,我想在一个精灵(也就是说HUD精灵)上显示这个渲染场景,但是精灵没有显示出来。我在原始场景中添加了一个平面,它完美地显示了渲染目标 我已经检查过的内容: (一) 将rtTexture用作MeshLambertMaterial的贴图时,效果非常好 (二) 当使用ImageUtils加载精灵的图像并将其用作精灵材质的贴图时,效果非常好,样条线显示在它应该显示的位置 我觉得我忽略

我正在使用three.js,我设置了第二个场景和摄影机,并在其中添加了一个圆柱体。现在我设置了一个rendertarget,我想在一个精灵(也就是说HUD精灵)上显示这个渲染场景,但是精灵没有显示出来。我在原始场景中添加了一个平面,它完美地显示了渲染目标

我已经检查过的内容:

(一) 将rtTexture用作MeshLambertMaterial的贴图时,效果非常好

(二) 当使用ImageUtils加载精灵的图像并将其用作精灵材质的贴图时,效果非常好,样条线显示在它应该显示的位置

我觉得我忽略了什么。 如果有人能帮我就好了

好了,伙计们,我创建了一个JSFIDLE,也许这有帮助

如您所见,渲染目标正确显示在平面上,其中有一个带有屏幕空间坐标的精灵,但它不显示渲染目标

rttMaterial = new THREE.SpriteMaterial( { color: 0xFF0000, map: rtTexture, 
                                         alignment: THREE.SpriteAlignment.topLeft,
                                         useScreenCoordinates: true}  );

提前感谢您

您必须在
WebGLRenderer
后面执行此操作,因为它不受支持

sprite.material.map.__webglTexture = rtTexture.__webglTexture;
小提琴:


three.js r.61花了我一段时间,但还是设法让
精灵
只需一张简单的地图就可以显示出来。但是,可能不支持在
精灵上使用RTT纹理。我想你应该把它作为一个功能请求发布到github上。很酷,非常感谢你的回答!因此,正如您比我更了解的那样:为什么渲染目标中的圆柱体是纯红色的?在渲染过程中,此时是否未处理MeshNormal着色器?无论如何,谢谢你。也许将来会有一个公关来支持这种东西,无论如何,太好了!:)哈哈,真的!!!没有看到,很有趣。:)韦斯特,非常感谢你的努力!继续贡献给Three.js:)