vr animal visualisation
JavaScript HTML CSS
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
assets
node_modules/aframe-video-controls
README.md
ajaxTest.html
index.html
jungle.html
ocean.html
package.json

README.md

Animal-Aid

A project using VR to simulate to immerse the user inside the animals world

Access the application at https://rocking42.github.io/animal-aid

Background

We are currently working at immersing users into the animals habitats to help promote animal welfare and encourage user to donate to help save all animals.

Features

  • VR with A-Frame
  • 3D model incorporation
  • Parralax home page to draw the user in at first glance

Built With

  • HTML5
  • CSS
  • JavaScript
  • Ruby

Web application framework

  • A-Frame v 0.4.0
  • Rails v 4.2.6

Libraries

JS Plugins

Usage

From the home page the user can enter the VR world with either of the leaf or water drop buttons. Once in the world on computer the user can navigate by clicking on the different cylinders. On mobile this can be done by focusing on a cylinder.

Future Releases

  • We are looking at moving towards utilising 3D animations in the future
  • Various user experience features to help with user navigation

Known Issues

  • Sometimes the user falls through floor within the VR worlds
  • Mobile videos are not currently working but it all currently works on chrome mobile

Contributing

  1. Fork and clone this repo.
  2. Create your feature branch: git checkout -b my-new-feature.
  3. Commit your changes: git commit -am 'Added some feature'.
  4. Push to the branch: git push origin my-new-feature.
  5. Submit a pull request.

Acknowledgements

  • Corrine at 3D warehouse for the awesome models
  • The creators of A-Frame for making this possible

Contact

Ned

Ahi

Drew