glenrage / Equi-Gallery-VR

This full-stack application allows photographers to upload, share, and view their Equirectangular photos in Virtual Reality with supported VR devices.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Equi-Gallery-VR

Project utilizing Angular.js, A-Frame, Node.js, Express, and MongoDB.

Log In & New User Sign Up Page

screen shot 2017-07-06 at 12 31 19 pm

Uploading Photos

Once logged in, upload equi-rectangular photos by populating the form inputs with name and description in User Profile. The following is an example photo taken on a Ricoh Theta 360 Camera.

prague_getty

Viewing Gallery On A Browser

The following is an example of the gallery view on a browser. Focusing on the Goggle Icon in the corner allows user to enter VR mode on supported devices.

screen shot 2017-07-06 at 12 55 13 pm

Viewing Gallery In VR On Supported Devices

In VR mode, user has the ability to 'enter' into the photo from the gallery and view photo from a panoramic VR point of view.

screen shot 2017-07-06 at 12 34 49 pm

Viewing Photo In VR On Supported Devices

The following is an example view of a photo in VR using an iPhone 6 and Google Cardboard. User has ability to pan 360 degrees, zoom in, and zoom out.

mobile-vr-photo

mobile-vr-photo-2

About

This full-stack application allows photographers to upload, share, and view their Equirectangular photos in Virtual Reality with supported VR devices.

License:MIT License


Languages

Language:JavaScript 63.4%Language:CSS 27.3%Language:HTML 9.3%