A帧gltf指向相机角度答案

【问题标题】：A-frame gltf points at camera angleA帧gltf指向相机角度
【发布时间】：2021-08-06 08:09:15
【问题描述】：

我想知道如何使用 A-frame (aframe.io) 不断旋转 gltf 模型，使其始终面向相机正在查看的位置。例如。如果我以 0 度直视前方，则 gltf 也指向 0 度。如果我将相机转向 90 度，则 gltf 转向 9 度。我已经尝试创建一个变量并将相机角度设置为该变量并将rotation属性设置为该变量，但能够弄清楚如何将相机角度捕获为变量并设置gltf的rotation属性到变量。理想情况下，我想弄清楚如何创建这样的东西：

<script>
var rotate;
var rotate = camera angle;
</script>
<a-gltf-model src="" position="0 0 0" rotation="var rotate" scale="0.1 0.1 0.1"></a-gltf-model>

有人知道怎么做吗？

【问题讨论】：

标签： javascript html aframe virtual-reality webvr

【解决方案1】：

由于 A-frame 基于 Three.js，您可以使用 Object3D 的 lookAt 方法。这是一个 npm 包：https://www.npmjs.com/package/aframe-look-at-component

【讨论】：

它工作了，但有点太好了，我正在创建的游戏是一个在线游戏，我想看着相机正在看的方向，所以每个人都由一个 gltf 代表根据用户面对的方向。目前，gltfs 总是在看另一个在线玩家，而不是我的相机指向的方向。你知道解决这个问题的方法吗？