首页 > 解决方案 > three.js 旋转平面,因此它们始终垂直于相机轴而不改变 z 旋转

问题描述

我正在尝试使用https://codepen.io/teolitto/pen/KwOVvL中的方法将云添加到我的场景中,这是在随机位置制作大量平面对象,每个对象都围绕其 z 轴连续旋转。

但是我希望能够移动我的相机,改变它的目标等等,并且仍然让云平面看起来正确。

我需要做的是旋转平面,这样当相机移动和改变目标时,云平面保持垂直于相机的轴。而且我需要在不改变平面围绕它们自己的 z 轴旋转的情况下执行此操作,否则会破坏云状外观。

我试过cloudplane.lookAt(camera.position)了,但当然不行。它将所有平面对准相机,而不是使它们都垂直于相机轴。它还设置对象的 z 轴,因此云不会演化。

任何建议表示赞赏。(我是 three.js 的新手,所以如果我有一些术语错误,我对此表示歉意。)

编辑:

设置 cloudplane 的 rotation.x 和 rotation.y 以匹配相机的 rotation.x 和 rotation.y 似乎让我非常接近,但它并没有完全到达那里 - 它仍然可以将相机绕到云的位置都是不可见的,因为它们都与相机平行。

标签: three.js

解决方案


推荐阅读