three.js - 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 似乎让我非常接近,但它并没有完全到达那里 - 它仍然可以将相机绕到云的位置都是不可见的,因为它们都与相机平行。
解决方案
推荐阅读
- node.js - 无法访问 HTTP 服务器中的 POST 数据
- c# - C# LINQ 查询包含动态列表的匿名类型
- github - 如何在 teamcity 中创建多个 git 存储库项目
- python - 错误:函数返回 None 或在没有返回语句的情况下结束。但在哪里找不到?
- php - 如何为 php foreach 循环结果仅回显一条消息并在没有结果时隐藏该消息?
- asp.net - 我们可以在不使用 ASP.Net Identity 的情况下使用 MVC 5 提供的 cookie 身份验证吗?
- react-native - FlatList Horizontal 在一行中的一列中创建两个项目
- python-3.x - 在写入列文本文件之前按标点符号拆分列表
- delphi - Delphi 中的 System.String 到底是什么?
- odoo - 我需要了解在 odoo 中使用 xpath