问题:是否可以翻转/镜像Three.js精灵纹理?
背景:使用three.js的当前DEV分支
到目前为止的结果:我首先尝试更改它的3D旋转而没有任何影响。然后我检查了sprite代码并看到旋转在Sprite.js中的这一行重置:
this.rotation3d.set( 0, 0, this.rotation );
更改值没有任何影响。深入挖掘我最终在SpriteRenderer插件中完全迷失了。
我的理解是three.js使用着色器来渲染精灵,这是一个巨大的性能加。因此,使用简单的面部编写自己的精灵实现感觉就像错误的方向。
答案 0 :(得分:6)
Okey,这是一个很长的镜头,但是尝试将精灵的比例设置为-1(在想要翻转它的方向上)。
答案 1 :(得分:2)
翻转纹理的最简单方法实际上是在上传到GPU之前翻转纹理图像。
答案 2 :(得分:2)
只是将其作为替代方式发布:
texture = new three60.THREE.Texture(video);
texture.repeat.set(-1, 1);
texture.offset.set( 1, 0);