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

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

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

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

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

npm install -g react-vr-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);

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