使用 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]

上一篇:重温 Win32 API ----- 截屏指定窗体并打印


下一篇:关于移动互联网:十个你不知道的惊人事实