Three.js:可以翻转精灵吗?

时间:2012-12-27 09:06:02

标签: three.js

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

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

到目前为止的结果:我首先尝试更改它的3D旋转而没有任何影响。然后我检查了sprite代码并看到旋转在Sprite.js中的这一行重置:

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

更改值没有任何影响。深入挖掘我最终在SpriteRenderer插件中完全迷失了。

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

3 个答案:

答案 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);