Описание тега react-vr

Описание тега Вопросы с тегом
React VR позволяет создавать приложения VR, используя только JavaScript. Он использует тот же дизайн, что и React, позволяя создавать богатый мир виртуальной реальности и пользовательский интерфейс из декларативных компонентов.

React VR - это фреймворк для создания приложений VR, которые работают в вашем веб-браузере. Он сочетает в себе современные API-интерфейсы, такие как WebGL и WebVR, с декларативной силой реакции, создавая возможности, которые можно использовать на различных устройствах. Используя веб-технологии и существующую экосистему React, React VR стремится упростить конструкцию из 360 приложений и демократизировать создание VR-контента. Если вы знакомы с React, теперь вы можете встроить VR - учитесь один раз, пишите где угодно. React VR черпает вдохновение из реактивной системы.

Он был создан и открыт с помощью Facebook в сотрудничестве с Oculus и был впервые выпущен 13 декабря 2016 года.

Хотя React VR доступен в виде отдельного пакета npm, гораздо проще создать новый проект с помощью инструмента React VR CLI.

npm install -g react-vr-cli

После установки CLI можно использовать для создания нового проекта, выполнив:

react-vr init PROJECT_NAME

Ниже приведен стартовый шаблон, который будет содержать ваш новый проект:

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);

Официальные ссылки