aframe - 如何在 React VR 中将摄像机更改为第三人称?

标签 aframe webvr react-360

在 React VR 中构建场景有点麻烦,因为你总是陷入第一人称视角,这使得很难判断对象放置的深度。

默认情况下相机放置在[0, 0, 0]坐标处,我想知道是否有办法控制它。在 docs 中找不到任何内容但我知道它们是不完整的。如果可能的话,它可以为像 这样的专用编辑器铺平道路。有。

editor view in a-frame

最佳答案

在此处添加答案。

  1. 您可以使用 Nuclide 和 Atom 获得“编辑”感觉,链接可在 React VR 文档 here 中找到。
  2. 为了移动相机的位置,您可以使用自定义 ThreeJS 相机并将其添加到您的场景中,这样您就可以保持 VR 元素不变

    const vr = new VRInstance(bundle,"ReactVR",parent, { camera:customCamera,/*你自定义的 ThreeJS 相机*/ ...选项, });

您的自定义相机可能是这样的

import { PerspectiveCamera } from "three";

const VIEW_ANGLE = 60;
const ASPECT = document.body.clientWidth / document.body.clientHeight;
const NEAR = 0.1;
const FAR = 10000;


const camera = new PerspectiveCamera(VIEW_ANGLE, ASPECT, NEAR, FAR);

camera.name = "Custom3JSCamera";

camera.position.set(0,0,5);
export default camera;

关于aframe - 如何在 React VR 中将摄像机更改为第三人称?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45247023/

相关文章:

javascript - View 中的 React-360 相机位置

javascript - 使用帧检测标记的增强现实视频播放

javascript - aFrame.io 创建超链接和下载链接

javascript - 如何使用 WebVR 使 THREE.Mesh 看起来有立体感?

javascript - 如何在单击框架中的另一个对象时在一个对象上启动动画?

react-router - 如何在 React VR 中使用 React React Router?

reactjs - 将 ReactVR 集成到现有 React 应用程序中的最佳方式是什么?

css - A-Frame WebVR - 设备方向中断

aframe - 如何隐藏 A-Frame 的 VR 模式/护目镜图标?

javascript - 如何使用 Object3D.lookAt() 函数使 ExtrudeGeometry 面向对象?