标签: webxr

我想使用camera.getWorldDirection()和访问头戴式显示器的说明。我可以使用以前的 webVR API 做到这一点。当我使用HelioWebXRPolyfill.jsTHREE的 new时，我无法接收当前位置。

我想尝试使用 webxr 并设置一个打字稿项目。根据WebXR

我应该做以下事情：

const supported = await navigator.xr.isSessionSupported('immersive-vr');

我的打字稿设置navigator.xr显示为错误。

我想知道如何为webxr. 我的tsconfig看起来像这样：

{
    "compilerOptions": {
        "outDir": "./dist/",
        "noImplicitAny": true,
        "module": "esNext",
        "target": "es6",
        "allowJs": true,
        "moduleResolution": "node"
    },
    "exclude": [
        "./node_modules"
    ],
}

我想弄清楚如何使用three.js 和webXR 为我的oculus quest 和其他设备绘制控件。该代码有效，并允许我移动控制器，将一个圆柱体映射到每个控件，并允许我使用触发器来更改圆柱体的颜色。这很棒，但我找不到任何关于如何使用操纵杆、手柄和其他按钮的轴控制的文档。我的一部分想相信它就像知道要调用哪个事件一样简单，因为我不知道还有哪些其他事件可用。

这是我基于此的教程的链接。https://github.com/as-ideas/webvr-with-threejs

请注意，此代码按预期工作，但我不知道如何进一步执行并执行更多操作。

function createController(controllerID, videoinput) { 
//RENDER CONTROLLER AS YELLOW TUBE
        const controller = renderer.vr.getController(controllerID);
        const cylinderGeometry = new CylinderGeometry(0.025, 0.025, 1, 32);
        const cylinderMaterial = new MeshPhongMaterial({ color: 0xffff00 });
        const cylinder = new Mesh(cylinderGeometry, cylinderMaterial);
        cylinder.geometry.translate(0, 0.5, 0);
        cylinder.rotateX(-0.25 * Math.PI);
        controller.add(cylinder);
        cameraFixture.add(controller);
        //TRIGGER
        controller.addEventListener('selectstart', () => {
            if (controllerID === 0) {
                cylinderMaterial.color.set('pink')
            } else {
                cylinderMaterial.color.set('orange');
                videoinput.play()
            }
        });
        controller.addEventListener('selectend', () => {
            cylinderMaterial.color.set(0xffff00);
            videoinput.pause();
            console.log('I pressed play');
        });
    }

如何让https://xr-spinosaurus.glitch.me/在 React Native WebView 组件中工作？

import React, { Component } from 'react';
import { WebView } from 'react-native';

export default class MyWeb extends Component {
  render() {
    return (
      <WebView
        source={{uri: 'https://xr-spinosaurus.glitch.me/'}}
        style={{marginTop: 20}}
      />
    );
  }
}

现在将此添加到 react-native 仅显示 VR 选项，而不显示 AR 选项。

如果您直接访问链接，您可以看到 VR 和 AR 选项，但在 React-Native 内的 Web 视图组件中运行时我找不到 AR 选项但是如果我直接访问支持的 ARCore 上的链接，则可以使用相同的 AR 选项设备。

如何让这段代码也显示 React-Native 中的 AR 选项？

是否可以使用 Oculus 触摸控制器在 A 型框架项目中移动相机？

找不到任何工作示例。