A quick WebVR demo using panorama images. The technique is mainly using A-frame, a wonderful WebVR framework. You can even create a cross-platform (Android, iOS) VR app and use Google Cardboard to view the WebVR app.
- Use the cell phone to surf the link https://jiankaiwang.github.io/tcdcwebvrimage/ by the browser.
- Click the right-bottom Cardboard link.
- Embed the cell phone to the cardboard and enjoy it.
- Web Virtual Reality
- Taking Photos & Converter
- Most data is collected from a github repository maintained by A-Frame.
- Some images are generated by ourselves.
- Image named cpucl.jpg is refered to https://photo.stackexchange.com/questions/73481/how-can-i-edit-equirectangular-images.
- Desktop View
- Android Browser View (Chrome)
- iOS Browser View (Safari)