美文网首页
spriteMaterial (rotate) 旋转问题

spriteMaterial (rotate) 旋转问题

作者: ANoman_M | 来源:发表于2017-05-18 18:10 被阅读0次

spriteMaterial是Three.js中的点精灵材质。
利用它我们可以在场景中加载图片,贴上纹理。并且效果很棒。
但是它默认是不可以旋转的。
即,不管你怎么旋转场景,它的角度都是固定的,就静静的伫立在那里一动不动。
这个问题在three.js github issues讨论里面好像也有人吐槽过,但是我没有找到解决办法。只能自己动手试啦。
那么,如果我们需要控制它随着控制器旋转,该怎么做呢?
很简单:
mesh.material.rotation = - controls.constraint.getAzimuthalAngle()
只需要获取控制器的旋转角度,然后在update的时候实时改变材质的旋转角度,保持一致,即可。
需要注意的是,必须在update的时候,也就是场景不停的render的时候改变它的值。
然后你可以在后面根据需求加上角度即可!

相关文章

网友评论

      本文标题:spriteMaterial (rotate) 旋转问题

      本文链接:https://www.haomeiwen.com/subject/dtzsxxtx.html