https://github.com/peterlazzarino/react-vr-image-gallery

Image gallery for viewing a collection of images in VR
https://github.com/peterlazzarino/react-vr-image-gallery

Last synced: about 2 months ago
JSON representation

Image gallery for viewing a collection of images in VR

• Host: GitHub
• URL: https://github.com/peterlazzarino/react-vr-image-gallery
• Owner: peterlazzarino
• Created: 2018-02-15T18:57:36.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2019-02-08T22:17:35.000Z (almost 6 years ago)
• Last Synced: 2024-08-04T00:11:38.481Z (5 months ago)
• Language: JavaScript
• Size: 15.3 MB
• Stars: 19
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
## react-vr-image-gallery

VR image gallery with transition animations and gaze-enabled control buttons.

Currently supports square images only, will add more. Restrictions due to react-vr image constraints requiring exact image measurements for rendering. [More information here!](https://facebook.github.io/react-vr/docs/images.html).

![Preview image](https://media.giphy.com/media/NlF6CTWiw7pEb8xdPA/giphy.gif)

### Sample usage

```javascript

import React from 'react';

import {

  asset,

  View,

} from 'react-vr';

import Gallery, { imageTypes } from "react-vr-image-gallery";

export default class ImageGallery extends React.Component {

  render() {

    return (

      

          

      

    );

  }

};

```

Next and prev buttons can be clicked or looked at for 1 second to navigate. Will add props to adjust timing and add other screen sizes in the future.

Suggestions for future features are welcome.