How to use react-vr - 10 common examples

To help you get started, we’ve selected a few react-vr examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github PhantomVRTranslate / PhantomVR / nicktest / gallery / gallery2.js View on Github external
constructor() {
    super();
    this.state = { slideLeft: new Animated.Value(-1024), fadeIn: new Animated.Value(0)};
  }
github facebook / react-360 / EndToEnd / testapp / e2e.vr.js View on Github external
fontSize: 0.8,
            layoutOrigin: [0.5, 0.5],
            paddingLeft: 0.2,
            paddingRight: 0.2,
            textAlign: 'center',
            textAlignVertical: 'center',
            transform: [{translate: [0, 0, -3]}],
          }}>
          hello
        
      
    );
  }
}

AppRegistry.registerComponent('End2End', () => End2End);
github nikgraf / webvr-experiments / react-vr / v5-star-wars-opening-crawl / components / MovingText.js View on Github external
componentDidMount() {
    Animated.timing(this.state.y, {
      duration: 150000,
      toValue: 10,
      delay: 4500,
      easing: Easing.linear,
    }).start();

    Animated.timing(this.state.opacity, {
      duration: 3000,
      toValue: 1,
      delay: 9500,
      easing: Easing.linear,
    }).start();
  }
github nikgraf / webvr-experiments / react-vr / v5-star-wars-opening-crawl / components / Intro.js View on Github external
componentDidMount() {
    Animated.timing(this.state.opacity, {
      duration: 1000,
      toValue: 1,
      delay: 1000,
      easing: Easing.linear,
    }).start();

    window.setTimeout(() => {
      Animated.timing(this.state.opacity, {
        duration: 1000,
        toValue: 0,
      }).start();
    }, 6000);
  }
github Fischaela / vr-image-gallery-reactvr / GdImages.js View on Github external
scrollRight() {
    Animated.timing(
      this.state.scrollValue,
      {
        toValue: -this.offsetX,
        duration: this.duration,
        easing: Easing.linear,
      }
    ).start();
  }
github peterlazzarino / react-vr-image-gallery / package / gallery / gallery / gallery.js View on Github external
rotateGallery(rotation){
        const animation = Animated.timing(this.state.galleryRotation, {
            toValue: rotation,   
            duration: 150
        });
        animation.start();
    }
    getPosition(images, imageNumber){
github peterlazzarino / react-vr-image-gallery / app / gallery / gallery / gallery.js View on Github external
rotateGallery(rotation){
        const animation = Animated.timing(this.state.galleryRotation, {
            toValue: rotation,   
            duration: 150
        });
        animation.start();
    }
    getPosition(images, imageNumber){
github facebook / react-360 / Examples / Controller / index.vr.js View on Github external
render() {
    const controllers = this.state.controllers === null
      ? 
      : ;
    return (
      
    );
  }
}

react-vr

A framework for building VR applications with React

BSD-3-Clause
Latest version published 7 years ago

Package Health Score

56 / 100
Full package analysis

Similar packages