使用 React 构建 VR 应用 React VR

BSD
JavaScript 查看源码»
跨平台
Facebook
2017-06-11
局长
温馨提示:该项目除了使用 BSD 协议授权外,还需遵守附加的专利授权

疫情之下,程序员如何转型?共享数字化转型加速度,就在微软在线技术峰会>>>

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);
的码云指数为
超过 的项目
加载中

评论(5)

wyysf
wyysf
开源协议让大公司望而却步吧
_Oak_
_Oak_
nice
cywing
cywing
学语言除了简单实用还是要看未来性的,入门虽然稍微高一点点,但是我看好它的未来
北京d路飞
北京d路飞
这个项目要做得好,就要碾压ng和vue了!
卖爷爷的老红薯
卖爷爷的老红薯
还是React吊炸天,微软都加入React阵营搞支持UWP的ReactXP。React,无敌!

暂无资讯

暂无问答

Cardboard for Unity VR游戏开发教程

随着Oculus宣布1月6日开启预售,2016年很可能成为VR游戏元年,但很多的调研显示,手游设备才是市场增长的关键,SuperData发布的报告显示,2016年全球VR游戏市场规模预计在51亿美元左右,消费...

2016/05/26 13:38
619
0
我要开始学VR

从零开始学VR,一点经验没有边学边翻译一下文档

2016/06/15 16:07
209
0
DayDream, 移动VR 2.0里程碑: 概述(上篇)

VR设备, 断断续续使用了很多个; 尤其是最近半年,主要是PC VR方面项目. 以前对移动VR不感冒,这几天试用了一下DayDream, 眼前突然一亮, 就如同年初首次使用HTC Vive眼前一亮的感觉. 没准Daydr...

2016/10/21 09:59
336
0
VIVE 追踪器 VIVE Tracker VR设备研究

设备的冲突 一但打开这追踪器 将会有某一只VR手柄无法启动, 关闭这追踪器 两只VR手柄都能启动 程序中设备的检测 因为是占用手柄的位, 所以可以用手柄的检测方式, 能检测到, 设备号是2 没检测...

2019/09/18 17:52
171
0
你在VR中使用Linux系统已不是梦想

2018年04月03日,对于VR,我们相当熟悉Oculus Rift、HTC Vive、PSVR和其他热门的品牌,但VR同样来到了Linux。 Safespaces 假如能够在虚拟现实中访问Linux桌面环境,你又是否喜欢呢?Arcan显示...

2018/04/19 09:17
38
0
react学习(1)-Why React?

React is a JavaScript library for creating user interfaces by Facebook and Instagram. Many people choose to think of React as the V in MVC. We built React to solve one problem: ...

2016/09/25 22:19
310
0
使用React、React-Router、Webpack开发SPA

本文介绍使用React、搭配React-Router 1.x 和Webpack打包工具进行单页面应用程序的基本配置

2015/12/24 17:31
1.4K
1
(翻译)React.createClass对比extends React.Component

### 这两种方式都是实现的同一个功能.React一开始用React.createClass方法来创建一个组件类,然后又在以后的更新中提供了一个小小的语法糖来允许我们使用ES6的心特性---我们可以用extends Rea...

2016/02/25 15:52
142
1
使用 create-react-app 构建 react应用程序

本篇文章使用create-react-app作为脚手架,结合react技术栈(react + redux + react-router),构建一个简单的单页面应用demo。文章会一步步地讲解如何构建这么一个单页应用。...

2018/04/17 17:45
510
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部