Skip to content

whatifif/react-webvr

 
 

Repository files navigation

WebVR using aframe and react.

Demo

A demo of this web application is running on a free See Demo https://react-webvr.herokuapp.com/webvr, with very limited resources.

Go to WebVR Demo page above ( https://react-webvr.herokuapp.com/webvr )

Click the "Into WebVR" button to enter the WebVR 3D space.

Click the button again to exit the WebVR 3D space and return to 2D page.

Drag your mouse on the screen to look around ( ***The sky will take time to load*** )

Use your keyboard 'w' 'a' 's' 'd' to move the rotating coffee cup around.

Project

This project is to demonstrate the WebVR using aframe and react.

This project is inspired by RSpace/aframe-meetup-example.

This project is modified from cloudmu/react-redux-starter-kit.

This project can be deployed to Heroku.

Original-Overview

This is yet another React and Redux based web application starter kit. However, this one attempts to go beyond the typical simple boilerplates, by showcasing several great technologies (such as React, Redux, React-Router, Fixed-Data-Table, Bootstrap, Babel, Webpack) and JWT) used together to develop a more complex web application, with features such as authentication, navigation, asynchronous data fetching, error handling, caching and pagination, etc.

Install and Run the Dev Server

npm install
npm start

Then open http://localhost:3000

Build and Run the Production Server

npm run build
NODE_ENV=production PORT=80 npm start

Then open http://localhost

Feature highlights

Dependencies

  • React
  • Redux
  • React Router
  • JSON Web Tokens (JWT)
  • Fixed-Data-Table
  • style-loader
  • Bootstrap
  • Express
  • Babel
  • Webpack

About

Author: whatifif: Reactjs, Reduxjs, WebVR using aframe-react. 2D page is instantly toggled to 3D page. See Demo https://react-webvr.herokuapp.com/webvr

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 82.7%
  • CSS 16.2%
  • HTML 1.1%