6

问题:是否可以翻转/镜像 Three.js 精灵纹理?

背景:使用three.js的当前DEV分支

到目前为止的发现:我首先尝试更改它的 3d 旋转而没有任何效果。然后我检查了精灵代码,发现旋转在 Sprite.js 的这一行中被重置:

this.rotation3d.set( 0, 0, this.rotation );

更改那里的值没有任何效果。深入挖掘后,我发现了 SpriteRenderer 插件,我完全迷失了方向。

我的理解是three.js 使用着色器来渲染精灵,这是一个巨大的性能优势。所以使用简单的面孔编写我自己的精灵实现感觉就像是错误的方向。

4

3 回答 3

6

好吧,这是一个很长的镜头,但尝试将你的精灵的比例设置为 -1(在你想要翻转的方向上)。

于 2012-12-27T11:47:41.970 回答
3

只是将其发布为替代方案:

texture = new three60.THREE.Texture(video);
texture.repeat.set(-1, 1);
texture.offset.set( 1, 0);
于 2014-05-15T16:47:00.997 回答
2

翻转纹理的最简单方法实际上是在上传到 GPU 之前翻转纹理图像。

于 2012-12-27T11:37:59.063 回答