Skip to content

haliknihudas666/WebVR

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

#WebVR

##This project is built with "fullPage.js" & Google's VR WebView.

##Image must be hosted online and must have 4028x4028 image size.

  window.addEventListener('load', onVrViewLoad)
  function onVrViewLoad() {
    var vrView = new VRView.Player('#vrview', {
      width: '100%',
      height:	500, //You can change this height
      preview: '', //TODO ADD PREVIEW IMAGE OPTIONAL
      image: 'ADD HERE YOUR IMAGE LINK', //TODO ADD YOUR 360 IMAGE LINK HERE (4028x4028) IMPORTANT: MAKE SURE YOU UPLOAD YOUR IMAGE FIRST TO IMAGE HOSTING SITES
      is_stereo: true
    });
  }

Note: FullPage.js may cause of not moving image up and down or by using Gyroscope Sensor of your phone. But the important here is you get the idea on how i implemented the vr webview in nice look ;) I know you can do better than this ;)

About

Virtual Reality viewer for Web using

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published