使用 React 构建 VR 应用 React VR

React VR 详细介绍React VR 可让您使用 JavaScript 构建 VR 应用程序。它使用与 React 相同的设计，让您通过声明式的组件构建丰富的 VR 世界和 UI。

React VR 是为 VR 应用而创建的框架，运行在 Web 浏览器中。它将现代 API（例如 WebGL 和 WebVR）与 React 的声明能力结合起来，通过各种设备提供适用于消费者的体验。

示例代码：

import React from 'react'; import {AppRegistry, Pano, Text, View} from 'react-vr'; class WelcomeToVR extends React.Component { render() { // Displays "hello" text on top of a loaded 360 panorama image. // Text is 0.8 meters in size and is centered three meters in front of you. return ( <View> <Pano source={asset('chess-world.jpg')}/> <Text style={{ fontSize: 0.8, layoutOrigin: [0.5, 0.5], transform: [{translate: [0, 0, -3]}], }}> hello </Text> </View> ); } }; AppRegistry.registerComponent('WelcomeToVR', () => WelcomeToVR);

文章转载自 开源中国社区 [http://www.oschina.net]

相关资源：Getting Started with React VR