【文件属性】:
文件名称:react-xr:AR具有React三纤维的VRAR
文件大小:346KB
文件格式:ZIP
更新时间:2021-03-19 04:40:23
react vr webxr react-three-fiber TypeScript
@ react-three / xr
React组件和挂钩,用于使用创建VR / AR应用程序
npm install @react-three/xr
这些演示是真实的,您可以单击它们!它们也包含完整的代码。
入门
添加VRCanvas或ARCanvas组件(或替换现有的react-three-fiber Canvas组件)
import { VRCanvas } from '@react-three/xr'
function App ( ) {
return (
< VRCanvas>
{ /* All your regular react-three-fiber elements go here */ }
< / VRCanvas >
将控制器添加到场景
要开始使用默认控制器模型,请添加DefaultXRControllers组件。它将获取适当的输
【文件预览】:
react-xr-master
----rollup.config.js(1KB)
----package.json(3KB)
----.eslintrc.json(2KB)
----.prettierrc(184B)
----LICENSE(1KB)
----src()
--------Interactions.tsx(7KB)
--------DefaultXRControllers.tsx(3KB)
--------XRController.tsx(1KB)
--------webxr.tsx(1KB)
--------index.tsx(197B)
--------Hands.tsx(971B)
--------ObjectsState.tsx(2KB)
--------XR.tsx(5KB)
--------XREvents.ts(1KB)
----tsconfig.json(478B)
----examples()
--------package.json(2KB)
--------config-overrides.js(1KB)
--------.env(25B)
--------src()
--------.gitignore(310B)
--------public()
--------README.md(175B)
--------yarn.lock(565KB)
----.gitignore(186B)
----README.md(6KB)
----yarn.lock(304KB)